:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}._header_107kv_5{background-color:var(--overlay-light);box-shadow:var(--shadow-sm);position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition)}._header_107kv_5._scrolled_107kv_17{background-color:var(--bg-primary);box-shadow:var(--shadow-lg)}._headerContainer_107kv_22{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);max-width:var(--container-width-large);margin:0 auto}._logo_107kv_31 h2{color:var(--primary-color);font-size:1.5rem;font-weight:700}._nav_107kv_37 ul{display:flex;list-style:none;gap:var(--spacing-lg);align-items:center}._nav_107kv_37 button{background:none;border:none;color:var(--text-primary);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition);padding:var(--spacing-xs);border-radius:var(--radius-md)}._nav_107kv_37 button:hover{color:var(--primary-color);background-color:var(--bg-secondary)}._headerActions_107kv_61{display:flex;align-items:center;gap:var(--spacing-sm)}._hamburger_107kv_67{display:none;flex-direction:column;cursor:pointer;gap:4px;padding:var(--spacing-xs)}._hamburger_107kv_67 span{width:25px;height:3px;background-color:var(--text-primary);transition:var(--transition);border-radius:var(--radius-sm)}@media (max-width: 768px){._nav_107kv_37{display:none;position:absolute;top:100%;left:0;right:0;background-color:var(--bg-primary);box-shadow:var(--shadow-lg);padding:var(--spacing-sm);border-radius:0 0 var(--radius-xl) var(--radius-xl)}._navOpen_107kv_97{display:block}._nav_107kv_37 ul{flex-direction:column;gap:var(--spacing-sm)}._nav_107kv_37 button{width:100%;text-align:left;padding:var(--spacing-sm);border-radius:var(--radius-lg)}._hamburger_107kv_67{display:flex}}@media (max-width: 480px){._headerContainer_107kv_22{padding:var(--spacing-xs) var(--spacing-sm)}}._about_r3uco_5{padding:var(--section-padding);background-color:var(--bg-secondary)}._aboutContent_r3uco_10{display:grid;grid-template-columns:2fr 1fr;gap:var(--grid-gap-xl);align-items:center;width:var(--container-width);margin:0 auto;padding:0 var(--spacing-sm)}._aboutText_r3uco_20 p{font-size:var(--text-lg);margin-bottom:var(--spacing-md);line-height:1.8;color:var(--text-secondary)}._aboutStats_r3uco_27{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-lg)}._stat_r3uco_34{text-align:center;padding:var(--card-padding);background-color:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:var(--transition)}._stat_r3uco_34:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}._stat_r3uco_34 h3{font-size:var(--text-4xl);font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-xs)}._stat_r3uco_34 p{color:var(--text-secondary);font-weight:500}._aboutImage_r3uco_61{display:flex;justify-content:center}._aboutPhoto_r3uco_66{width:clamp(200px,25vw,250px);height:clamp(240px,30vw,300px);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl);border:4px solid var(--bg-primary)}._photoPlaceholder_r3uco_75{width:100%;height:100%;background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));display:flex;align-items:center;justify-content:center;color:var(--text-white);font-size:var(--text-xl);font-weight:600}@media (max-width: 1024px){._aboutContent_r3uco_10{grid-template-columns:1fr;gap:var(--grid-gap-lg);text-align:center}}@media (max-width: 768px){._aboutStats_r3uco_27{grid-template-columns:1fr;gap:var(--grid-gap-sm)}}._skills_1vs3x_5{padding:var(--section-padding)}._skillsGrid_1vs3x_9{display:grid;grid-template-columns:var(--grid-cols-3);gap:var(--grid-gap-xl);justify-items:center;width:var(--container-width);margin:0 auto;padding:0 var(--spacing-sm)}._skillCategory_1vs3x_19{width:100%;max-width:clamp(300px,90vw,450px);background-color:var(--bg-primary);padding:var(--card-padding);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:var(--transition)}._skillCategory_1vs3x_19:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}._categoryTitle_1vs3x_35{font-size:var(--text-2xl);font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-md);text-align:center}._skillsList_1vs3x_43{display:flex;flex-direction:column;gap:var(--spacing-md)}._skillItem_1vs3x_49{margin-bottom:var(--spacing-sm)}._skillHeader_1vs3x_53{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}._skillName_1vs3x_60{font-weight:600;color:var(--text-primary)}._skillPercentage_1vs3x_65{font-size:var(--text-sm);color:var(--primary-color);font-weight:600}._skillBar_1vs3x_71{height:clamp(8px,1vw,10px);background-color:var(--border-light);border-radius:var(--radius-md);overflow:hidden}._skillProgress_1vs3x_78{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:var(--radius-md);transition:width 1.5s cubic-bezier(.4,0,.2,1)}@media (max-width: 1024px){._skillsGrid_1vs3x_9{grid-template-columns:var(--grid-cols-2);gap:var(--grid-gap-lg)}}@media (max-width: 768px){._skillsGrid_1vs3x_9{grid-template-columns:1fr;gap:var(--grid-gap-md)}._skillCategory_1vs3x_19{max-width:clamp(280px,95vw,400px)}}._projects_1avf9_5{padding:var(--section-padding);background-color:var(--bg-secondary)}._projectsGrid_1avf9_10{display:grid;grid-template-columns:var(--grid-cols-3);gap:var(--grid-gap-xl);justify-items:center;width:var(--container-width-large);margin:0 auto;padding:0 var(--spacing-sm)}._projectCard_1avf9_20{width:100%;max-width:clamp(300px,90vw,420px);background-color:var(--bg-primary);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--border-light)}._projectCard_1avf9_20:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}._projectImage_1avf9_36{position:relative;height:clamp(180px,20vw,220px);overflow:hidden}._imagePlaceholder_1avf9_42{width:100%;height:100%;background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));display:flex;align-items:center;justify-content:center;color:var(--text-white);font-weight:600}._projectOverlay_1avf9_53{position:absolute;inset:0;background-color:var(--overlay-dark);display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition)}._projectCard_1avf9_20:hover ._projectOverlay_1avf9_53{opacity:1}._projectLinks_1avf9_71{display:flex;gap:var(--spacing-sm)}._projectInfo_1avf9_76{padding:var(--card-padding)}._projectTitle_1avf9_80{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--spacing-sm);color:var(--text-primary)}._projectDescription_1avf9_87{color:var(--text-secondary);margin-bottom:var(--spacing-sm);line-height:1.6}._projectTechnologies_1avf9_93{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}._techTag_1avf9_99{background-color:var(--primary-color);color:var(--text-white);padding:.25rem .75rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500}@media (max-width: 1024px){._projectsGrid_1avf9_10{grid-template-columns:var(--grid-cols-2);gap:var(--grid-gap-lg)}}@media (max-width: 768px){._projectsGrid_1avf9_10{grid-template-columns:1fr;gap:var(--grid-gap-md)}._projectCard_1avf9_20{max-width:clamp(280px,95vw,400px)}}._contact_1xik9_5{padding:var(--section-padding)}._contactContent_1xik9_9{display:grid;grid-template-columns:var(--grid-cols-2);gap:var(--grid-gap-xl);width:var(--container-width);margin:0 auto;padding:0 var(--spacing-sm)}._contactInfo_1xik9_18{display:flex;flex-direction:column;gap:var(--spacing-lg)}._contactItem_1xik9_24{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-xl);transition:var(--transition)}._contactItem_1xik9_24:hover{transform:translate(5px);box-shadow:var(--shadow-md)}._contactIcon_1xik9_39{font-size:var(--text-lg);width:clamp(40px,5vw,50px);height:clamp(40px,5vw,50px);display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);color:var(--text-white);border-radius:var(--radius-full);flex-shrink:0}._contactDetails_1xik9_52 h4{color:var(--text-primary);margin-bottom:.25rem;font-weight:600}._contactDetails_1xik9_52 p{color:var(--text-secondary)}._socialLinks_1xik9_62{margin-top:var(--spacing-sm)}._socialLinks_1xik9_62 h4{margin-bottom:var(--spacing-sm);color:var(--text-primary)}._socialIcons_1xik9_71{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}._socialIcons_1xik9_71 a{padding:.75rem 1.5rem;background-color:var(--primary-color);color:var(--text-white);text-decoration:none;border-radius:var(--radius-xl);font-weight:600;transition:var(--transition)}._socialIcons_1xik9_71 a:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}._contactFormContainer_1xik9_93{background-color:var(--bg-secondary);padding:var(--card-padding);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}._contactForm_1xik9_93{display:flex;flex-direction:column;gap:var(--spacing-md)}._formGroup_1xik9_107{display:flex;flex-direction:column}._formGroup_1xik9_107 input,._formGroup_1xik9_107 textarea{padding:var(--spacing-sm);border:2px solid var(--border-light);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:inherit;transition:var(--transition);background-color:var(--bg-primary);color:var(--text-primary);min-height:var(--input-height)}._formGroup_1xik9_107 input:focus,._formGroup_1xik9_107 textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}._formGroup_1xik9_107 textarea{resize:vertical;min-height:clamp(100px,15vw,120px)}@media (max-width: 1024px){._contactContent_1xik9_9{grid-template-columns:1fr;gap:var(--grid-gap-lg)}}._footer_d80mr_5{background-color:var(--bg-dark);color:var(--text-light);padding:var(--spacing-2xl) 0 var(--spacing-sm)}._footerContent_d80mr_11{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}._footerSection_d80mr_18 h3,._footerSection_d80mr_18 h4{color:var(--text-white);margin-bottom:var(--spacing-sm);font-weight:600}._footerSection_d80mr_18 p{line-height:1.8;margin-bottom:var(--spacing-sm)}._footerSection_d80mr_18 ul{list-style:none}._footerSection_d80mr_18 li{margin-bottom:var(--spacing-xs)}._footerSection_d80mr_18 button{background:none;border:none;color:var(--text-light);cursor:pointer;transition:var(--transition);text-align:left;font-size:1rem}._footerSection_d80mr_18 button:hover{color:var(--primary-color)}._footer_d80mr_5 ._socialLinks_d80mr_52{margin-top:var(--spacing-sm)}._footer_d80mr_5 ._socialLinks_d80mr_52 a{display:inline-block;margin-right:var(--spacing-sm);color:var(--text-light);text-decoration:none;transition:var(--transition)}._footer_d80mr_5 ._socialLinks_d80mr_52 a:hover{color:var(--primary-color)}._footerBottom_d80mr_68{border-top:1px solid var(--border-dark);padding-top:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;position:relative}._footerBottomContent_d80mr_77{display:flex;justify-content:space-between;align-items:center;width:100%}._footerLinks_d80mr_84{display:flex;gap:var(--spacing-lg)}._footerLinks_d80mr_84 a{color:var(--text-light);text-decoration:none;transition:var(--transition)}._footerLinks_d80mr_84 a:hover{color:var(--primary-color)}._scrollToTop_d80mr_99{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);width:50px;height:50px;background-color:var(--primary-color);color:var(--text-white);border:none;border-radius:var(--radius-full);font-size:1.25rem;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-xl);z-index:var(--z-fixed)}._scrollToTop_d80mr_99:hover{background-color:var(--primary-hover);transform:translateY(-3px);box-shadow:var(--shadow-2xl)}@media (max-width: 768px){._footerContent_d80mr_11{grid-template-columns:1fr;text-align:center}._footerBottomContent_d80mr_77{flex-direction:column;gap:var(--spacing-sm);text-align:center}._footerLinks_d80mr_84{flex-direction:column;gap:var(--spacing-sm)}}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--secondary-50: #f8fafc;--secondary-100: #f1f5f9;--secondary-200: #e2e8f0;--secondary-300: #cbd5e1;--secondary-400: #94a3b8;--secondary-500: #64748b;--secondary-600: #475569;--secondary-700: #334155;--secondary-800: #1e293b;--secondary-900: #0f172a;--accent-50: #fffbeb;--accent-100: #fef3c7;--accent-200: #fde68a;--accent-300: #fcd34d;--accent-400: #fbbf24;--accent-500: #f59e0b;--accent-600: #d97706;--accent-700: #b45309;--accent-800: #92400e;--accent-900: #78350f;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--success-800: #166534;--success-900: #14532d;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-300: #fca5a5;--error-400: #f87171;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--error-800: #991b1b;--error-900: #7f1d1d;--primary-color: var(--primary-600);--primary-hover: var(--primary-700);--secondary-color: var(--secondary-600);--accent-color: var(--accent-500);--bg-primary: #ffffff;--bg-secondary: var(--secondary-50);--bg-tertiary: var(--secondary-100);--bg-dark: var(--secondary-900);--text-primary: var(--secondary-900);--text-secondary: var(--secondary-600);--text-tertiary: var(--secondary-500);--text-light: var(--secondary-400);--text-white: #ffffff;--text-inverse: #ffffff;--border-light: var(--secondary-200);--border-medium: var(--secondary-300);--border-dark: var(--secondary-400);--success-color: var(--success-500);--error-color: var(--error-500);--warning-color: var(--accent-500);--info-color: var(--primary-500);--shadow-color: rgba(0, 0, 0, .1);--shadow-hover: rgba(0, 0, 0, .15);--overlay-light: rgba(255, 255, 255, .95);--overlay-dark: rgba(0, 0, 0, .8)}:root[data-theme=dark]{--primary-color: var(--primary-400);--primary-hover: var(--primary-300);--secondary-color: var(--secondary-400);--accent-color: var(--accent-400);--bg-primary: var(--secondary-900);--bg-secondary: var(--secondary-800);--bg-tertiary: var(--secondary-700);--bg-dark: #000000;--text-primary: var(--secondary-50);--text-secondary: var(--secondary-300);--text-tertiary: var(--secondary-400);--text-light: var(--secondary-500);--text-white: #ffffff;--text-inverse: var(--secondary-900);--border-light: var(--secondary-700);--border-medium: var(--secondary-600);--border-dark: var(--secondary-500);--success-color: var(--success-400);--error-color: var(--error-400);--warning-color: var(--accent-400);--info-color: var(--primary-400);--shadow-color: rgba(0, 0, 0, .3);--shadow-hover: rgba(0, 0, 0, .4);--overlay-light: rgba(15, 23, 42, .95);--overlay-dark: rgba(0, 0, 0, .9)}:root{--container-width: 1200px;--container-width-large: 1400px;--section-padding: 5rem 0;--grid-gap: 2rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1);--shadow-xs: 0 1px 2px 0 var(--shadow-color);--shadow-sm: 0 1px 3px 0 var(--shadow-color);--shadow-md: 0 4px 6px -1px var(--shadow-color);--shadow-lg: 0 10px 15px -3px var(--shadow-color);--shadow-xl: 0 20px 25px -5px var(--shadow-color);--shadow-2xl: 0 25px 50px -12px var(--shadow-color);--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-light{color:var(--text-light)}.text-white{color:var(--text-white)}.text-inverse{color:var(--text-inverse)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-dark{background-color:var(--bg-dark)}.border-light{border-color:var(--border-light)}.border-medium{border-color:var(--border-medium)}.border-dark{border-color:var(--border-dark)}.success{color:var(--success-color)}.error{color:var(--error-color)}.warning{color:var(--warning-color)}.info{color:var(--info-color)}*{transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}:root{--screen-sm: 640px;--screen-md: 768px;--screen-lg: 1024px;--screen-xl: 1280px;--screen-2xl: 1536px;--container-width: clamp(90%, 95vw, 1200px);--container-width-large: clamp(95%, 98vw, 1400px);--spacing-xs: clamp(.25rem, .5vw, .5rem);--spacing-sm: clamp(.5rem, 1vw, 1rem);--spacing-md: clamp(1rem, 2vw, 1.5rem);--spacing-lg: clamp(1.5rem, 3vw, 2rem);--spacing-xl: clamp(2rem, 4vw, 3rem);--spacing-2xl: clamp(3rem, 6vw, 5rem);--spacing-3xl: clamp(4rem, 8vw, 6rem);--text-xs: clamp(.75rem, .8vw, .875rem);--text-sm: clamp(.875rem, .9vw, 1rem);--text-base: clamp(1rem, 1.1vw, 1.125rem);--text-lg: clamp(1.125rem, 1.3vw, 1.25rem);--text-xl: clamp(1.25rem, 1.5vw, 1.5rem);--text-2xl: clamp(1.5rem, 2vw, 2rem);--text-3xl: clamp(1.875rem, 2.5vw, 2.5rem);--text-4xl: clamp(2.25rem, 3vw, 3rem);--text-5xl: clamp(3rem, 4vw, 4rem);--radius-sm: clamp(2px, .2vw, 4px);--radius-md: clamp(4px, .4vw, 6px);--radius-lg: clamp(6px, .6vw, 8px);--radius-xl: clamp(8px, .8vw, 12px);--radius-2xl: clamp(12px, 1vw, 16px);--radius-full: 9999px;--button-height: clamp(40px, 4vw, 48px);--input-height: clamp(40px, 4vw, 48px);--card-padding: clamp(1rem, 2vw, 2rem);--section-padding: clamp(3rem, 6vw, 6rem) 0;--grid-cols-1: 1fr;--grid-cols-2: repeat(auto-fit, minmax(clamp(250px, 45%, 400px), 1fr));--grid-cols-3: repeat(auto-fit, minmax(clamp(200px, 30%, 300px), 1fr));--grid-cols-4: repeat(auto-fit, minmax(clamp(150px, 22%, 250px), 1fr));--grid-gap-sm: clamp(.5rem, 1vw, 1rem);--grid-gap-md: clamp(1rem, 2vw, 1.5rem);--grid-gap-lg: clamp(1.5rem, 3vw, 2rem);--grid-gap-xl: clamp(2rem, 4vw, 3rem)}.container-fluid{width:var(--container-width);max-width:100%;margin:0 auto;padding:0 var(--spacing-sm)}.text-fluid-xs{font-size:var(--text-xs)}.text-fluid-sm{font-size:var(--text-sm)}.text-fluid-base{font-size:var(--text-base)}.text-fluid-lg{font-size:var(--text-lg)}.text-fluid-xl{font-size:var(--text-xl)}.text-fluid-2xl{font-size:var(--text-2xl)}.text-fluid-3xl{font-size:var(--text-3xl)}.text-fluid-4xl{font-size:var(--text-4xl)}.text-fluid-5xl{font-size:var(--text-5xl)}.p-fluid-xs{padding:var(--spacing-xs)}.p-fluid-sm{padding:var(--spacing-sm)}.p-fluid-md{padding:var(--spacing-md)}.p-fluid-lg{padding:var(--spacing-lg)}.p-fluid-xl{padding:var(--spacing-xl)}.m-fluid-xs{margin:var(--spacing-xs)}.m-fluid-sm{margin:var(--spacing-sm)}.m-fluid-md{margin:var(--spacing-md)}.m-fluid-lg{margin:var(--spacing-lg)}.m-fluid-xl{margin:var(--spacing-xl)}.grid-fluid-2{display:grid;grid-template-columns:var(--grid-cols-2);gap:var(--grid-gap-md)}.grid-fluid-3{display:grid;grid-template-columns:var(--grid-cols-3);gap:var(--grid-gap-md)}.grid-fluid-4{display:grid;grid-template-columns:var(--grid-cols-4);gap:var(--grid-gap-md)}@media (max-width: 640px){:root{--section-padding: clamp(2rem, 4vw, 3rem) 0;--card-padding: clamp(.75rem, 1.5vw, 1rem)}}@media (min-width: 641px) and (max-width: 1024px){:root{--section-padding: clamp(3rem, 5vw, 4rem) 0;--card-padding: clamp(1rem, 1.8vw, 1.5rem)}}@media (min-width: 1025px){:root{--section-padding: clamp(4rem, 6vw, 6rem) 0;--card-padding: clamp(1.5rem, 2vw, 2rem)}}.aspect-ratio-16-9{aspect-ratio:16 / 9}.aspect-ratio-4-3{aspect-ratio:4 / 3}.aspect-ratio-1-1{aspect-ratio:1 / 1}.hero-height{min-height:clamp(60vh,80vh,100vh)}.avatar-sm{width:clamp(40px,6vw,60px);height:clamp(40px,6vw,60px)}.avatar-md{width:clamp(80px,12vw,120px);height:clamp(80px,12vw,120px)}.avatar-lg{width:clamp(150px,20vw,300px);height:clamp(150px,20vw,300px)}.card-adaptive{width:100%;max-width:clamp(300px,90vw,420px);padding:var(--card-padding);border-radius:var(--radius-xl)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}@media (max-width: 640px){.hidden-mobile{display:none!important}}@media (min-width: 641px) and (max-width: 1024px){.hidden-tablet{display:none!important}}@media (min-width: 1025px){.hidden-desktop{display:none!important}}@media (prefers-reduced-motion: reduce){.fade-in,.slide-up,.slide-down,.slide-left,.slide-right,.scale-in,.rotate-in,.bounce-in{animation:none!important;opacity:1!important;transform:none!important;transition:none!important}}.animate-on-scroll{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1)}.animate-on-scroll.visible{opacity:1}.fade-in{opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1)}.fade-in.visible{opacity:1}.fade-in-fast{opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.fade-in-fast.visible{opacity:1}.fade-in-slow{opacity:0;transition:opacity 1.2s cubic-bezier(.4,0,.2,1)}.fade-in-slow.visible{opacity:1}.slide-up{opacity:0;transform:translateY(60px);transition:all .8s cubic-bezier(.4,0,.2,1)}.slide-up.visible{opacity:1;transform:translateY(0)}.slide-up-large{opacity:0;transform:translateY(100px);transition:all .9s cubic-bezier(.4,0,.2,1)}.slide-up-large.visible{opacity:1;transform:translateY(0)}.slide-down{opacity:0;transform:translateY(-60px);transition:all .8s cubic-bezier(.4,0,.2,1)}.slide-down.visible{opacity:1;transform:translateY(0)}.slide-left{opacity:0;transform:translate(-60px);transition:all .8s cubic-bezier(.4,0,.2,1)}.slide-left.visible{opacity:1;transform:translate(0)}.slide-right{opacity:0;transform:translate(60px);transition:all .8s cubic-bezier(.4,0,.2,1)}.slide-right.visible{opacity:1;transform:translate(0)}.scale-in{opacity:0;transform:scale(.8);transition:all .8s cubic-bezier(.4,0,.2,1)}.scale-in.visible{opacity:1;transform:scale(1)}.scale-in-small{opacity:0;transform:scale(.95);transition:all .6s cubic-bezier(.4,0,.2,1)}.scale-in-small.visible{opacity:1;transform:scale(1)}.rotate-in{opacity:0;transform:rotate(-10deg) scale(.9);transition:all .8s cubic-bezier(.4,0,.2,1)}.rotate-in.visible{opacity:1;transform:rotate(0) scale(1)}.slide-scale{opacity:0;transform:translateY(40px) scale(.95);transition:all .8s cubic-bezier(.4,0,.2,1)}.slide-scale.visible{opacity:1;transform:translateY(0) scale(1)}.fade-slide-up{opacity:0;transform:translateY(30px);transition:all .7s cubic-bezier(.25,.46,.45,.94)}.fade-slide-up.visible{opacity:1;transform:translateY(0)}.stagger-delay-1{transition-delay:.1s}.stagger-delay-2{transition-delay:.2s}.stagger-delay-3{transition-delay:.3s}.stagger-delay-4{transition-delay:.4s}.stagger-delay-5{transition-delay:.5s}.stagger-delay-6{transition-delay:.6s}.card-flip{opacity:0;transform:perspective(1000px) rotateY(-15deg) translateY(30px);transition:all .9s cubic-bezier(.4,0,.2,1)}.card-flip.visible{opacity:1;transform:perspective(1000px) rotateY(0) translateY(0)}.card-float{opacity:0;transform:translateY(50px) scale(.9);transition:all .8s cubic-bezier(.34,1.56,.64,1)}.card-float.visible{opacity:1;transform:translateY(0) scale(1)}.text-reveal{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1)}.text-reveal.visible{opacity:1;transform:translateY(0)}.text-blur-in{opacity:0;filter:blur(5px);transform:translateY(20px);transition:all .8s cubic-bezier(.4,0,.2,1)}.text-blur-in.visible{opacity:1;filter:blur(0px);transform:translateY(0)}.skill-bar-animate{opacity:0;transform:scaleX(0);transform-origin:left;transition:all .8s cubic-bezier(.4,0,.2,1)}.skill-bar-animate.visible{opacity:1;transform:scaleX(1)}.skill-progress-animate{width:0!important;transition:width 1.5s cubic-bezier(.4,0,.2,1) .3s}.counter-animate{opacity:0;transform:translateY(20px) scale(.8);transition:all .6s cubic-bezier(.4,0,.2,1)}.counter-animate.visible{opacity:1;transform:translateY(0) scale(1)}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-2xl)}.hover-glow{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-glow:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));opacity:0;z-index:-1;filter:blur(15px);transition:opacity .3s ease}.hover-glow:hover:before{opacity:.3}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.bounce-in{animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.gpu-accelerated{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}@media (max-width: 768px){.slide-up,.slide-up-large,.slide-down,.slide-left,.slide-right{transform:translateY(30px)}.slide-up.visible,.slide-up-large.visible,.slide-down.visible,.slide-left.visible,.slide-right.visible{transform:translateY(0)}.scale-in,.scale-in-small{transform:scale(.9)}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;opacity:0;transition:opacity .5s ease-in-out}body.loaded{opacity:1}#root,.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1}[data-reduced-motion=true] *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important}[data-reduced-motion=true] .shimmer,[data-reduced-motion=true] .bounce-in,[data-reduced-motion=true] .float{animation:none!important}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-sm)}.container-large{max-width:var(--container-width-large);margin:0 auto;padding:0 var(--spacing-sm)}.section-title{font-size:var(--text-4xl);font-weight:700;text-align:center;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.section-subtitle{font-size:var(--text-lg);text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-2xl);max-width:clamp(400px,80vw,600px);margin-left:auto;margin-right:auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-base);text-decoration:none;text-align:center;cursor:pointer;transition:var(--transition);border:2px solid transparent;white-space:nowrap;min-height:var(--button-height)}.btn-primary{background-color:var(--primary-color);color:var(--text-white)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background-color:var(--primary-color);color:var(--text-white);transform:translateY(-2px)}.btn-demo,.btn-code{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-sm);margin:var(--spacing-xs);min-height:auto}.btn-demo{background-color:var(--primary-color);color:var(--text-white)}.btn-code{background-color:var(--secondary-color);color:var(--text-white)}@media (max-width: 1200px){.container{max-width:95%}.section-title{font-size:2rem}}@media (max-width: 768px){.container{padding:0 var(--spacing-sm)}.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem}.btn{width:100%;max-width:300px}}@media (max-width: 480px){.section-title{font-size:1.5rem}}