:root.light-theme{--bg-primary: #faf8f5;--bg-secondary: #f2efe9;--bg-tertiary: #e8e4dd;--bg-accent: #fff4eb;--text-primary: #1c1917;--text-secondary: #57534e;--text-tertiary: #78716c;--text-accent: #ea580c;--border-primary: #e0dcd5;--border-secondary: #ccc7be;--card-bg: #ffffff;--card-border: #e0dcd5;--card-shadow: 0 4px 16px -4px rgba(28, 25, 23, .08);--accent-primary: #ea580c;--accent-secondary: #0284c7;--accent-tertiary: #7c3aed;--hover-bg: #f5f2ec;--active-bg: #ebe7e0;--focus-ring: #ea580c;--shadow-sm: 0 1px 3px 0 rgba(28, 25, 23, .06);--shadow-md: 0 4px 12px -2px rgba(28, 25, 23, .08);--shadow-lg: 0 8px 24px -4px rgba(28, 25, 23, .1);--shadow-xl: 0 16px 40px -8px rgba(28, 25, 23, .12);--glow-primary: 0 0 16px rgba(234, 88, 12, .1);--glow-secondary: 0 0 16px rgba(2, 132, 199, .08);--glow-tertiary: 0 0 16px rgba(124, 58, 237, .08);--glow-hover: 0 0 24px rgba(234, 88, 12, .12);--glass-bg: rgba(250, 248, 245, .75);--glass-border: rgba(0, 0, 0, .04);--glass-blur: 12px}:root.dark-theme{--bg-primary: #09090b;--bg-secondary: #0f0f14;--bg-tertiary: #18181f;--bg-accent: #1a1320;--text-primary: #f0eef5;--text-secondary: #a8a3b5;--text-tertiary: #6b6580;--text-accent: #fb923c;--border-primary: #1e1e2a;--border-secondary: #2a2a3a;--card-bg: #0f0f14;--card-border: #1e1e2a;--card-shadow: 0 4px 20px -4px rgba(0, 0, 0, .6);--accent-primary: #f97316;--accent-secondary: #38bdf8;--accent-tertiary: #c084fc;--hover-bg: #18181f;--active-bg: #22222e;--focus-ring: #f97316;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px -4px rgba(0, 0, 0, .6);--shadow-xl: 0 16px 40px -8px rgba(0, 0, 0, .7);--glow-primary: 0 0 20px rgba(249, 115, 22, .15);--glow-secondary: 0 0 20px rgba(56, 189, 248, .12);--glow-tertiary: 0 0 20px rgba(192, 132, 252, .12);--glow-hover: 0 0 30px rgba(249, 115, 22, .2), 0 0 60px rgba(249, 115, 22, .05);--glass-bg: rgba(15, 15, 20, .7);--glass-border: rgba(255, 255, 255, .06);--glass-blur: 16px}:root{color-scheme:dark light}@media(prefers-color-scheme:light){:root:not(.dark-theme){color-scheme:light}}:root{--font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", "Consolas", "Liberation Mono", "Menlo", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--leading-loose: 2;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em}@media(min-width:768px){:root{--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem}}body{font-family:var(--font-base);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text-primary);margin:0;padding:0}h1{font-size:var(--text-5xl);letter-spacing:var(--tracking-tight)}h2{font-size:var(--text-4xl);letter-spacing:var(--tracking-tight)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin:0;padding:0;color:var(--text-secondary);line-height:var(--leading-relaxed)}strong{font-weight:var(--weight-bold);color:var(--text-primary)}em{font-style:italic}a{color:var(--accent-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--text-accent);text-decoration:underline}a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:2px}code{font-family:var(--font-mono);font-size:.9em;background-color:var(--bg-tertiary);color:var(--accent-primary);padding:.2em .4em;border-radius:3px}pre{background-color:var(--bg-tertiary);color:var(--text-primary);padding:1rem;border-radius:6px;overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal)}pre code{background-color:transparent;color:inherit;padding:0}ul,ol{margin:0;padding-left:1.5rem;color:var(--text-secondary)}li{margin:.5rem 0}blockquote{margin:0;padding-left:1rem;border-left:4px solid var(--accent-primary);color:var(--text-tertiary);font-style:italic}::selection{background-color:var(--accent-primary);color:var(--bg-primary)}:root{--mobile: 320px;--tablet: 768px;--desktop: 1024px;--wide: 1440px;--container-mobile: 100%;--container-tablet: 720px;--container-desktop: 960px;--container-wide: 1200px;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-none: 0;--radius-sm: .25rem;--radius-base: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media(min-width:320px){.container{max-width:100%}}@media(min-width:768px){.container{max-width:720px;padding-left:var(--space-6);padding-right:var(--space-6)}}@media(min-width:1024px){.container{max-width:960px;padding-left:var(--space-8);padding-right:var(--space-8)}}@media(min-width:1440px){.container{max-width:1200px}}.grid{display:grid;gap:var(--space-4)}@media(min-width:768px){.grid{gap:var(--space-6)}}.grid-1,.grid-2{grid-template-columns:1fr}@media(min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr)}}.grid-3{grid-template-columns:1fr}@media(min-width:768px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.grid-4{grid-template-columns:1fr}@media(min-width:640px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-4{grid-template-columns:repeat(4,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}@media(max-width:767px){.hide-mobile{display:none!important}}@media(min-width:768px){.show-mobile{display:none!important}}.mt-0{margin-top:0}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .6s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.slide-in-left{animation:slideInLeft .5s ease-out forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slideInRight .5s ease-out forwards}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bounce{animation:bounce 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.scale-up{animation:scaleUp .3s ease-out forwards}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.stagger-children>*{opacity:0;animation:fadeInUp .5s ease-out forwards}.stagger-children>*:nth-child(1){animation-delay:.1s}.stagger-children>*:nth-child(2){animation-delay:.2s}.stagger-children>*:nth-child(3){animation-delay:.3s}.stagger-children>*:nth-child(4){animation-delay:.4s}.stagger-children>*:nth-child(5){animation-delay:.5s}.stagger-children>*:nth-child(6){animation-delay:.6s}.stagger-children>*:nth-child(n+7){animation-delay:.7s}.transition-all{transition:all .3s ease}.transition-colors{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.transition-transform{transition:transform .3s ease}.transition-shadow{transition:box-shadow .3s ease}.lift-on-hover{transition:transform .2s ease,box-shadow .2s ease}.lift-on-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--glow-primary)}.scale-on-hover{transition:transform .2s ease}.scale-on-hover:hover{transform:scale(1.05)}html{scroll-behavior:smooth}@keyframes glowPulse{0%,to{box-shadow:0 0 12px #f973161a}50%{box-shadow:0 0 24px #f9731640}}.glow-pulse{animation:glowPulse 3s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}section{padding:var(--space-12) 0;border-top:1px solid var(--border-primary)}section:first-of-type{border-top:none}@media(min-width:768px){section{padding:var(--space-16) 0}}.card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--card-shadow);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-lg),var(--glow-primary);border-color:var(--accent-primary)}@media(min-width:768px){.card{padding:var(--space-8)}}.badge{display:inline-block;padding:var(--space-2) var(--space-3);background-color:var(--bg-accent);color:var(--accent-primary);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap}.badge.primary{background-color:var(--accent-primary);color:var(--bg-primary)}.badge.secondary{background-color:var(--accent-secondary);color:var(--bg-primary)}.badge.tertiary{background-color:var(--accent-tertiary);color:var(--bg-primary)}.btn{display:inline-block;padding:var(--space-3) var(--space-6);background-color:var(--accent-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-lg);font-family:var(--font-base);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:all .3s ease;text-decoration:none;text-align:center;-webkit-user-select:none;user-select:none}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-primary)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.btn.secondary{background-color:transparent;color:var(--accent-primary);border:2px solid var(--accent-primary)}.btn.secondary:hover{background-color:var(--accent-primary);color:var(--bg-primary);box-shadow:var(--glow-primary)}.btn.small{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn.large{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.link-btn{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--accent-primary);text-decoration:none;font-weight:var(--weight-semibold);transition:all .2s ease}.link-btn:hover{gap:var(--space-3);color:var(--text-accent)}.divider{height:1px;background-color:var(--border-primary);margin:var(--space-8) 0}hr{border:none;border-top:1px solid var(--border-primary);margin:var(--space-8) 0}img{max-width:100%;height:auto;display:block}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-auto{aspect-ratio:auto}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky;top:0;z-index:10}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.border{border:1px solid var(--border-primary)}.border-t{border-top:1px solid var(--border-primary)}.border-b{border-bottom:1px solid var(--border-primary)}.border-l{border-left:1px solid var(--border-primary)}.border-r{border-right:1px solid var(--border-primary)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent-primary)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-accent{background-color:var(--bg-accent)}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-synthesis:none;font-feature-settings:"kern" 1}body{margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-base);transition:background-color .3s ease,color .3s ease;min-width:320px}#root{display:flex;flex-direction:column;min-height:100vh;width:100%}main{flex:1;width:100%}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:2px}:focus:not(:focus-visible){outline:none}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}:root:not(.light-theme){--theme: dark}:root:not(.dark-theme){--theme: light}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xl);transition:all .3s ease}.theme-toggle:hover{background-color:var(--hover-bg);border-color:var(--accent-primary);box-shadow:var(--glow-primary)}.theme-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.theme-toggle .icon{display:block;transition:transform .3s ease}.theme-toggle:hover .icon{transform:rotate(20deg) scale(1.1)}.header{position:sticky;top:0;z-index:40;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);transition:all .3s ease}.header-content{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0;height:60px}.logo{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--accent-primary);color:var(--bg-primary);border-radius:var(--radius-md);font-weight:var(--weight-bold);font-size:var(--text-lg);text-decoration:none;transition:all .2s ease}.logo:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),var(--glow-primary)}.logo-text{display:block}.nav{display:none;flex-direction:column;gap:var(--space-2);position:absolute;top:100%;right:0;left:0;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);padding:var(--space-4);animation:slideDown .3s ease}.nav-open{display:flex}@media(min-width:768px){.nav{display:flex!important;flex-direction:row;position:static;gap:var(--space-6);background-color:transparent;border-bottom:none;padding:0;animation:none}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:var(--weight-medium);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);transition:all .2s ease}.nav-link:hover{color:var(--accent-primary);background-color:var(--hover-bg)}@media(min-width:768px){.nav-link{padding:var(--space-2) var(--space-3)}}.header-actions{display:flex;gap:var(--space-3);align-items:center}.resume-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--accent-primary);color:var(--bg-primary);border-radius:var(--radius-md);text-decoration:none;font-weight:var(--weight-medium);font-size:var(--text-sm);transition:all .2s ease;white-space:nowrap}.resume-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),var(--glow-primary)}@media(max-width:767px){.resume-link{display:none}}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:4px;transition:all .3s ease}@media(min-width:768px){.menu-toggle{display:none}}.hamburger{display:block;width:24px;height:3px;background-color:var(--text-primary);border-radius:var(--radius-sm);transition:all .3s ease}.menu-toggle .hamburger:before,.menu-toggle .hamburger:after{content:"";display:block;width:24px;height:3px;background-color:var(--text-primary);border-radius:var(--radius-sm);transition:all .3s ease}.menu-toggle.active .hamburger{background-color:transparent}.menu-toggle.active .hamburger:before{transform:rotate(45deg) translate(10px,10px)}.menu-toggle.active .hamburger:after{transform:rotate(-45deg) translate(7px,-8px)}.social-links{display:flex;gap:var(--space-4);align-items:center;justify-content:center}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--bg-accent);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--accent-primary);text-decoration:none;transition:all .3s ease}.social-link:hover{background-color:var(--accent-primary);color:var(--bg-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--glow-primary)}.social-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.social-icon{display:flex;align-items:center;justify-content:center;line-height:0}.social-icon svg{display:block}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:var(--space-12) 0;margin-top:var(--space-16)}.footer-content{display:grid;grid-template-columns:1fr;gap:var(--space-8);margin-bottom:var(--space-8)}@media(min-width:768px){.footer-content{grid-template-columns:1fr 1fr}}.footer-section{display:flex;flex-direction:column;gap:var(--space-4)}.footer-section .social-links{justify-content:flex-start}.footer-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-3)}.footer-nav{display:flex;flex-direction:column;gap:var(--space-2)}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);transition:color .2s ease}.footer-link:hover{color:var(--accent-primary)}.footer-bottom{border-top:1px solid var(--border-primary);padding-top:var(--space-6);text-align:center}.footer-text{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.footer-text+.footer-text{margin-top:var(--space-2)}.heart{color:var(--accent-secondary);animation:heartbeat 1.3s ease-in-out infinite}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.scroll-to-top{position:fixed;bottom:-60px;right:var(--space-6);width:50px;height:50px;background-color:var(--accent-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-full);font-size:var(--text-2xl);cursor:pointer;box-shadow:var(--shadow-lg),var(--glow-primary);transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:30}.scroll-to-top.visible{bottom:var(--space-6)}.scroll-to-top:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl),var(--glow-hover);background-color:var(--text-accent)}.scroll-to-top:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.arrow{display:block;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:480px){.scroll-to-top{width:44px;height:44px;bottom:var(--space-4);right:var(--space-4)}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-8) 0;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(249,115,22,.06) 0%,transparent 70%);pointer-events:none;z-index:0}.hero .container{width:100%;position:relative;z-index:1}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-title{font-size:var(--text-5xl);font-weight:var(--weight-extrabold);color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:var(--tracking-tight)}@media(max-width:480px){.hero-title{font-size:var(--text-4xl)}}.hero-subtitle{font-size:var(--text-2xl);color:var(--accent-primary);font-weight:var(--weight-semibold);margin-bottom:var(--space-4)}@media(max-width:480px){.hero-subtitle{font-size:var(--text-xl)}}.hero-description{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-8);line-height:var(--leading-relaxed)}.hero-cta{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-8)}@media(max-width:480px){.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}}.btn-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.hero-social{display:flex;justify-content:center;margin-top:var(--space-8)}.section{padding:var(--space-12) 0;border-top:1px solid var(--border-primary)}.section:first-of-type{border-top:none}@media(min-width:768px){.section{padding:var(--space-16) 0}}.section-accent{background-color:var(--bg-secondary)}.section-header{margin-bottom:var(--space-12);text-align:center}.section-title{font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.section-content{width:100%}.about-content{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media(min-width:768px){.about-content{grid-template-columns:2fr 1fr;align-items:center}}.about-text{display:flex;flex-direction:column;gap:var(--space-4)}.about-text p{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(min-width:768px){.about-stats{grid-template-columns:1fr;gap:var(--space-6)}}.stat{text-align:center;padding:var(--space-6);background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);transition:all .3s ease}.stat:hover{border-color:var(--accent-primary);background-color:var(--bg-accent);box-shadow:var(--glow-primary)}.stat-value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--accent-primary);margin-bottom:var(--space-2)}.stat-label{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.skill-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all .3s ease}.skill-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg),var(--glow-primary);transform:translateY(-4px)}.skill-icon{margin-bottom:var(--space-4);display:flex;align-items:center;color:var(--accent-primary)}.skill-icon svg{display:block}.skill-category{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.skill-list{display:flex;flex-direction:column;gap:var(--space-3)}.skill-item{display:flex;flex-direction:column;gap:var(--space-2)}.skill-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.proficiency-bar{width:100%;height:6px;background-color:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.proficiency-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-full);transition:width .4s ease;box-shadow:0 0 8px #f9731633}.skills-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:768px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.skills-grid{grid-template-columns:repeat(3,1fr)}}.experience-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:all .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;z-index:1}.experience-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md),var(--glow-primary)}.experience-card:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.experience-card.expanded{padding:var(--space-6)}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.experience-title-group{flex:1}.company-name{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-1) 0}.position{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--accent-primary);margin:0}.experience-meta{display:flex;align-items:center;gap:var(--space-3)}.duration-badge{padding:var(--space-1) var(--space-3);background-color:var(--bg-accent);color:var(--accent-primary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap}.expand-icon{font-size:1.25rem;color:var(--accent-primary);transition:transform .3s ease;display:inline-block}.experience-card.expanded .expand-icon{transform:rotate(180deg)}.experience-details{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-primary)}.experience-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.location{display:flex;align-items:center}.dates{font-size:var(--text-sm);color:var(--text-tertiary)}.description{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-3) 0;line-height:1.6}.achievements{list-style:none;padding:0;margin:var(--space-3) 0}.achievements li{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);padding-left:var(--space-4);position:relative;line-height:1.6}.achievements li:before{content:"—";position:absolute;left:0;top:0;color:var(--accent-primary);font-size:var(--text-sm);line-height:1.6}.technologies{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.tech-badge{display:inline-block;padding:var(--space-1) var(--space-3);background-color:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-medium)}.fade-in-up{animation:fadeInUp .4s ease-out}.stagger-children>*{animation:fadeInUp .3s ease-out;animation-fill-mode:both}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}@media(max-width:768px){.experience-header{flex-direction:column}.experience-meta{width:100%;justify-content:space-between}.experience-info{flex-direction:column;align-items:flex-start;gap:var(--space-1)!important}}@media(prefers-reduced-motion:reduce){.experience-card,.expand-icon,.fade-in-up,.stagger-children>*{animation:none;transition:none}}.experience-list{display:flex;flex-direction:column;gap:var(--space-6);position:relative;padding-left:40px}@media(max-width:768px){.experience-list{padding-left:0}.experience-list:before{display:none}}.project-card{position:relative;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all .3s ease;display:flex;flex-direction:column}.project-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg),var(--glow-primary);transform:translateY(-4px)}.project-card.featured{border-color:var(--accent-primary);background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--accent-primary)}.featured-badge{position:absolute;top:var(--space-4);right:var(--space-4);background-color:var(--accent-secondary);color:var(--bg-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;box-shadow:var(--glow-secondary)}.project-name{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.project-description{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4);flex-grow:1}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);gap:var(--space-4)}.platforms{display:flex;gap:var(--space-2);flex-wrap:wrap}.platform-badge{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background-color:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius-sm);white-space:nowrap}.category-badge{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);background-color:var(--accent-primary);color:var(--bg-primary);border-radius:var(--radius-full);white-space:nowrap;font-weight:var(--weight-medium)}.technologies{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.tech-tag{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background-color:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm);font-weight:var(--weight-medium)}.highlights{list-style:none;padding:0;margin-bottom:var(--space-4);font-size:var(--text-sm)}.highlights li{color:var(--text-secondary);margin-bottom:var(--space-1);padding-left:var(--space-4);position:relative}.highlights li:before{content:"•";position:absolute;left:0;color:var(--accent-primary)}.project-links{display:flex;gap:var(--space-4);flex-wrap:wrap}.project-link{font-size:var(--text-sm);color:var(--accent-primary);text-decoration:none;font-weight:var(--weight-medium);transition:color .2s ease}.project-link:hover{color:var(--text-accent)}.projects-filter{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-8)}.filter-btn{padding:var(--space-2) var(--space-4);background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all .3s ease}.filter-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.filter-btn.active{background-color:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary);box-shadow:var(--glow-primary)}.projects-section{margin-bottom:var(--space-12)}.projects-section-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-6);text-align:center}.projects-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.featured-grid{margin-bottom:var(--space-8)}@media(min-width:768px){.featured-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.featured-grid{grid-template-columns:1fr 1fr}}.regular-grid{margin-top:var(--space-8)}.education-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all .3s ease;position:relative;padding-left:var(--space-12)}.education-card:before{content:"";position:absolute;left:18px;top:28px;width:10px;height:10px;background-color:var(--accent-primary);border-radius:var(--radius-full);border:2px solid var(--bg-primary);box-shadow:0 0 0 2px var(--accent-primary),var(--glow-primary)}.education-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg),var(--glow-primary)}.education-year{font-size:var(--text-sm);color:var(--accent-primary);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.degree{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-1) 0}.field{font-size:var(--text-base);color:var(--accent-primary);font-weight:var(--weight-semibold);margin:0 0 var(--space-3) 0}.institution{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-1) 0;font-weight:var(--weight-medium)}.location{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.education-list{display:flex;flex-direction:column;gap:var(--space-6)}.contact-content{display:flex;flex-direction:column;gap:var(--space-8);max-width:600px;margin:0 auto}.contact-methods{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:768px){.contact-methods{grid-template-columns:repeat(2,1fr)}}.contact-item{display:flex;gap:var(--space-4);padding:var(--space-4);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);text-decoration:none;transition:all .3s ease}.contact-item:hover{border-color:var(--accent-primary);background-color:var(--bg-accent);transform:translateY(-2px);box-shadow:var(--shadow-md),var(--glow-primary)}.contact-icon{font-size:var(--text-2xl);display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--accent-primary);color:var(--bg-primary);border-radius:var(--radius-md);flex-shrink:0;box-shadow:var(--glow-primary)}.contact-label{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0}.contact-value{font-size:var(--text-base);color:var(--text-primary);font-weight:var(--weight-semibold);margin:var(--space-1) 0 0 0}.contact-divider{height:1px;background-color:var(--border-primary);margin:var(--space-4) 0}.contact-social{display:flex;flex-direction:column;align-items:center;text-align:center}.social-label{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-4);margin-top:0}.contact-cta{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.contact-cta p{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.app{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.app main{flex:1;width:100%}.skip-to-main{position:absolute;top:-40px;left:0;background:var(--accent-primary);color:var(--bg-primary);padding:8px;text-decoration:none;z-index:100}.skip-to-main:focus{top:0}