@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap);*{box-sizing:border-box;cursor:none;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#020108;color:#e8e8e8;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}#root,body,html{height:100%}::selection{background:#667eea4d;color:#fff}@media (hover:none){*{cursor:auto}}:root{--bg-primary:#020108;--bg-secondary:#080412;--bg-card:#ffffff08;--text-primary:#e8e8e8;--text-secondary:#888;--text-muted:#555;--accent:#667eea;--accent-hover:#7b93ff;--accent-secondary:#f5a623;--border:#ffffff14;--border-hover:#ffffff26;--shadow:#00000080;--glass-bg:#ffffff0a;--glass-bg-strong:#ffffff0f;--glass-border:#ffffff1a;--glass-blur:20px}.App:not(.dark-mode){--bg-primary:#f0eef5;--bg-secondary:#e8e5f0;--bg-card:#ffffff80;--text-primary:#111;--text-secondary:#555;--text-muted:#999;--border:#fff9;--border-hover:#fffc;--shadow:#0000000f;--glass-bg:#ffffff73;--glass-bg-strong:#fff9;--glass-border:#ffffffb3;--glass-blur:24px}.App{background:#020108;background:var(--bg-primary);color:#e8e8e8;color:var(--text-primary);min-height:100vh;position:relative;transition:background .5s ease,color .5s ease}.abstract-bg{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.abstract-orb{border-radius:50%;filter:blur(100px);opacity:.5;position:absolute;will-change:transform}.abstract-orb-1{animation:orbFloat1 20s ease-in-out infinite;background:radial-gradient(circle,#667eea99 0,#8b5cf633 50%,#0000 70%);height:60vw;left:-10%;max-height:900px;max-width:900px;top:-15%;width:60vw}.abstract-orb-2{animation:orbFloat2 25s ease-in-out infinite;background:radial-gradient(circle,#a78bfa80 0,#8b5cf626 50%,#0000 70%);height:50vw;max-height:750px;max-width:750px;right:-15%;top:30%;width:50vw}.abstract-orb-3{animation:orbFloat3 22s ease-in-out infinite;background:radial-gradient(circle,#f5a6234d 0,#ea580c1a 50%,#0000 70%);bottom:-20%;height:55vw;left:20%;max-height:800px;max-width:800px;width:55vw}.abstract-orb-4{animation:orbFloat4 18s ease-in-out infinite;background:radial-gradient(circle,#3b82f666 0,#0ea5e91f 50%,#0000 70%);height:40vw;left:-5%;max-height:600px;max-width:600px;top:60%;width:40vw}.abstract-orb-5{animation:orbFloat5 28s ease-in-out infinite;background:radial-gradient(circle,#ec489959 0,#db27771a 50%,#0000 70%);height:35vw;max-height:500px;max-width:500px;right:20%;top:10%;width:35vw}.abstract-mesh{animation:meshShift 30s ease-in-out infinite;background:linear-gradient(135deg,#667eea14,#0000 50%),linear-gradient(225deg,#a78bfa0f,#0000 50%),linear-gradient(315deg,#f5a6230d,#0000 50%);inset:0;position:absolute}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(80px,60px) scale(1.08)}50%{transform:translate(-40px,120px) scale(.95)}75%{transform:translate(60px,-40px) scale(1.04)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-70px,-50px) scale(1.06)}50%{transform:translate(50px,-80px) scale(.97)}75%{transform:translate(-30px,60px) scale(1.03)}}@keyframes orbFloat3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,-70px) scale(1.1)}66%{transform:translate(-50px,40px) scale(.94)}}@keyframes orbFloat4{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,50px) scale(1.07)}66%{transform:translate(-40px,-60px) scale(.96)}}@keyframes orbFloat5{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-60px,40px) scale(1.05)}50%{transform:translate(40px,70px) scale(.98)}75%{transform:translate(30px,-50px) scale(1.03)}}@keyframes meshShift{0%,to{opacity:1}50%{opacity:.6}}.App:not(.dark-mode) .abstract-orb{filter:blur(120px) saturate(1.8);opacity:.3}.App:not(.dark-mode) .abstract-orb-1{background:radial-gradient(circle,#667eea80 0,#8b5cf626 50%,#0000 70%)}.App:not(.dark-mode) .abstract-orb-2{background:radial-gradient(circle,#a78bfa66 0,#0000 70%)}.App:not(.dark-mode) .abstract-orb-3{background:radial-gradient(circle,#f5a6234d 0,#0000 70%)}.App:not(.dark-mode) .abstract-orb-5{background:radial-gradient(circle,#ec48994d 0,#0000 70%)}.geo-ring{border:1px solid;border-radius:50%;pointer-events:none;position:absolute}.geo-ring-1{animation:ringDrift1 25s ease-in-out infinite,ringSpin 40s linear infinite;border-color:#667eea26;box-shadow:0 0 40px #667eea0f,inset 0 0 40px #667eea0a;height:400px;right:8%;top:15%;width:400px}.geo-ring-2{animation:ringDrift2 30s ease-in-out infinite,ringSpin 50s linear infinite reverse;border-color:#a78bfa1f;bottom:25%;box-shadow:0 0 30px #a78bfa0d,inset 0 0 30px #a78bfa08;height:250px;left:5%;width:250px}.geo-ring-3{animation:ringDrift3 20s ease-in-out infinite,ringSpin 35s linear infinite;border-color:#f5a6231a;box-shadow:0 0 25px #f5a6230a;height:180px;right:20%;top:55%;width:180px}@keyframes ringSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ringDrift1{0%,to{translate:0 0}25%{translate:-40px 60px}50%{translate:30px 90px}75%{translate:-20px -30px}}@keyframes ringDrift2{0%,to{translate:0 0}33%{translate:50px -40px}66%{translate:-30px 50px}}@keyframes ringDrift3{0%,to{translate:0 0}50%{translate:-60px -40px}}.light-streak{height:1px;opacity:0;pointer-events:none;position:absolute}.light-streak-1{animation:streak1 12s ease-in-out 2s infinite;background:linear-gradient(90deg,#0000,#667eeacc,#0000);box-shadow:0 0 12px #667eea66;left:-200px;top:20%;width:200px}.light-streak-2{animation:streak2 15s ease-in-out 5s infinite;background:linear-gradient(270deg,#0000,#a78bfab3,#0000);box-shadow:0 0 10px #a78bfa4d;right:-150px;top:50%;width:150px}.light-streak-3{animation:streak3 18s ease-in-out 8s infinite;background:linear-gradient(90deg,#0000,#f5a62399,#0000);box-shadow:0 0 14px #f5a6234d;left:-250px;top:75%;width:250px}.light-streak-4{animation:streak1 20s ease-in-out 12s infinite;background:linear-gradient(90deg,#0000,#ec489999,#0000);box-shadow:0 0 10px #ec48994d;left:-180px;top:35%;width:180px}@keyframes streak1{0%{left:-200px;opacity:0}5%{opacity:1}40%{opacity:1}50%{left:110%;opacity:0}to{left:110%;opacity:0}}@keyframes streak2{0%{opacity:0;right:-150px}5%{opacity:1}40%{opacity:1}50%{opacity:0;right:110%}to{opacity:0;right:110%}}@keyframes streak3{0%{left:-250px;opacity:0}5%{opacity:1}35%{opacity:1}45%{left:110%;opacity:0}to{left:110%;opacity:0}}.geo-diamond{border:1px solid #667eea33;box-shadow:0 0 15px #667eea14;height:20px;pointer-events:none;position:absolute;transform:rotate(45deg);width:20px}.geo-diamond-1{animation:diamondFloat 18s ease-in-out infinite;left:12%;top:30%}.geo-diamond-2{animation:diamondFloat 22s ease-in-out 3s infinite reverse;border-color:#a78bfa33;box-shadow:0 0 12px #a78bfa0f;height:14px;right:15%;top:65%;width:14px}.geo-diamond-3{animation:diamondFloat 15s ease-in-out 6s infinite;border-color:#f5a6232e;box-shadow:0 0 10px #f5a6230d;height:10px;left:70%;top:45%;width:10px}.geo-diamond-4{animation:diamondFloat 20s ease-in-out 9s infinite reverse;border-color:#ec489926;box-shadow:0 0 15px #ec48990f;height:24px;left:30%;top:80%;width:24px}@keyframes diamondFloat{0%,to{opacity:.6;translate:0 0}25%{opacity:1;translate:30px -40px}50%{opacity:.4;translate:-20px -80px}75%{opacity:.8;translate:15px -30px}}.App:not(.dark-mode) .geo-ring{opacity:.5}.App:not(.dark-mode) .light-streak{animation:none!important;opacity:0!important}.App:not(.dark-mode) .geo-diamond{opacity:.4}.grain-overlay{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;inset:0;opacity:.03;pointer-events:none;position:fixed;z-index:9000}.App:not(.dark-mode) .grain-overlay{opacity:.015}.glass-card{backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(var(--glass-blur)) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);background:#ffffff0a;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 4px 24px #0000001f,inset 0 1px 0 #ffffff0f}.App:not(.dark-mode) .glass-card{box-shadow:0 4px 24px #0000000a,inset 0 1px 0 #fffc}section{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:120px 40px;position:relative}.container{margin:0 auto;max-width:1200px;position:relative;width:100%;z-index:1}.section-bg{display:none}.about,.contact,.experience,.projects{background:#0000}.marquee-section{background:#ffffff0a!important;background:var(--glass-bg)!important;border-bottom:1px solid #ffffff1a!important;border-bottom:1px solid var(--glass-border)!important;border-top:1px solid #ffffff1a!important;border-top:1px solid var(--glass-border)!important}.App:not(.dark-mode) .marquee-section{background:#ffffff4d!important;border-color:#0000000f!important}.section-label{align-items:center;display:flex;gap:16px;margin-bottom:64px}.section-number{color:#667eea;color:var(--accent);font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.08em}.section-divider{background:linear-gradient(90deg,#ffffff14,#0000);background:linear-gradient(90deg,var(--border),#0000);flex:1 1;height:1px;max-width:80px}.section-name{color:#555;color:var(--text-muted);font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase}.section-name.accent{color:#667eea;color:var(--accent);font-weight:600}.section-heading{display:inline-block;font-family:Space Grotesk,sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:48px;position:relative}.section-heading:after{background:linear-gradient(90deg,#667eea,#f5a623);background:linear-gradient(90deg,var(--accent),var(--accent-secondary));border-radius:999px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}h1,h2,h3,h4{font-family:Space Grotesk,sans-serif;letter-spacing:-.02em}.btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:.02em;padding:14px 36px;position:relative;text-decoration:none;transition:all .35s cubic-bezier(.22,1,.36,1)}.btn-primary{background:#667eea;background:var(--accent);border-radius:16px;box-shadow:0 4px 16px #667eea4d;color:#fff}.btn-primary:hover{background:#7b93ff;background:var(--accent-hover);box-shadow:0 8px 32px #667eea80,0 0 0 1px #667eea33;transform:translateY(-2px)}.btn-secondary{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff0a;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;color:#e8e8e8;color:var(--text-primary)}.btn-secondary:hover{background:#667eea14;border-color:#667eea;border-color:var(--accent);box-shadow:0 8px 24px #667eea1f;color:#667eea;color:var(--accent);transform:translateY(-2px)}.btn:active{transform:scale(.97)}.section-divider-line{animation:dividerShimmer 4s linear infinite;background:linear-gradient(90deg,#0000,#667eea,#a78bfa80,#f5a623,#0000);background:linear-gradient(90deg,#0000,var(--accent),#a78bfa80,var(--accent-secondary),#0000);background-size:200% 100%;height:1px;opacity:.3}@keyframes dividerShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}:focus-visible{border-radius:4px;outline:2px solid #667eea;outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media (max-width:768px){section{min-height:auto;padding:80px 20px}}.navbar{left:0;padding:24px 0;position:fixed;right:0;top:0;transition:padding .3s ease;will-change:transform;z-index:1000}.navbar.scrolled{backdrop-filter:blur(var(--glass-blur)) saturate(1.4);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);background:var(--glass-bg);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 24px #0000001f,inset 0 1px 0 #ffffff0a;padding:14px 0}.App:not(.dark-mode) .navbar.scrolled{background:var(--glass-bg-strong);box-shadow:0 4px 24px #0000000a,inset 0 1px 0 #fffc}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 40px}.nav-logo{text-decoration:none}.nav-logo-text{color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.03em;transition:color .3s ease}.nav-logo:hover .nav-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent),#a78bfa,var(--accent-secondary));-webkit-background-clip:text;background-clip:text}.nav-menu{align-items:center;display:flex;gap:36px}.nav-link{color:var(--text-secondary);font-size:.88rem;font-weight:400;letter-spacing:.02em;position:relative;text-decoration:none;transition:color .25s ease}.nav-link-active,.nav-link:hover{color:var(--text-primary)}.nav-active-pill{background:var(--accent);bottom:-6px;height:1px;left:0;position:absolute;right:0}.nav-actions{align-items:center;display:flex;gap:12px}.nav-resume-btn{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-size:.82rem;font-weight:600;letter-spacing:.02em;padding:8px 20px;text-decoration:none;transition:all .3s ease}.nav-resume-btn:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle{align-items:center;background:none;border:none;border:1px solid var(--border);border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;overflow:hidden;transition:background .25s ease;width:36px}.theme-toggle:hover{border-color:var(--border-hover)}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:8px}.mobile-menu-toggle span{background:var(--text-primary);display:block;height:1.5px;transform-origin:center;transition:all .3s ease;width:20px}.mobile-menu-toggle.open span:first-child{transform:translateY(6.5px) rotate(45deg)}.mobile-menu-toggle.open span:nth-child(2){opacity:0}.mobile-menu-toggle.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}@media (max-width:768px){.nav-container{padding:0 20px}.nav-menu{backdrop-filter:blur(var(--glass-blur)) saturate(1.4);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);background:var(--glass-bg-strong);border-left:1px solid var(--glass-border);flex-direction:column;gap:32px;height:100vh;justify-content:center;padding:40px;position:fixed;right:-100%;top:0;transition:right .4s cubic-bezier(.22,1,.36,1);width:280px}.nav-menu.active{right:0}.nav-menu .nav-link{font-size:1.2rem}.mobile-menu-toggle{display:flex}.nav-resume-btn{display:none}}.hero{align-items:center;background:#0000;display:flex;justify-content:center;min-height:100vh;position:relative}.hero-aurora{--aurora-x:50%;--aurora-y:50%;inset:0;overflow:hidden;position:absolute;z-index:0}.aurora-orb{border-radius:50%;filter:blur(80px);position:absolute;will-change:transform}.aurora-orb-1{animation:auroraFloat1 8s ease-in-out infinite;background:radial-gradient(circle,#667eea80 0,#0000 70%);height:55vw;left:calc(50% - 27vw);left:calc(var(--aurora-x, 50%) - 27vw);max-height:750px;max-width:750px;opacity:.6;top:calc(50% - 27vw);top:calc(var(--aurora-y, 50%) - 27vw);width:55vw}.aurora-orb-2{animation:auroraFloat2 10s ease-in-out infinite;background:radial-gradient(circle,#8b5cf673 0,#0000 70%);height:45vw;max-height:600px;max-width:600px;opacity:.55;right:-8%;top:15%;width:45vw}.aurora-orb-3{animation:auroraFloat3 12s ease-in-out infinite;background:radial-gradient(circle,#f5a62340 0,#0000 70%);bottom:-10%;height:40vw;left:10%;max-height:550px;max-width:550px;opacity:.5;width:40vw}@keyframes auroraFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-50px) scale(1.08)}66%{transform:translate(-30px,30px) scale(.95)}}@keyframes auroraFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-50px,40px) scale(1.1)}66%{transform:translate(30px,-40px) scale(.95)}}@keyframes auroraFloat3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.12)}}.App:not(.dark-mode) .aurora-orb{filter:blur(100px) saturate(1.5)}.App:not(.dark-mode) .aurora-orb-1{background:radial-gradient(circle,#667eea4d 0,#0000 70%);opacity:.2}.App:not(.dark-mode) .aurora-orb-2{background:radial-gradient(circle,#764ba240 0,#0000 70%);opacity:.18}.App:not(.dark-mode) .aurora-orb-3{background:radial-gradient(circle,#f5a62326 0,#0000 70%);opacity:.15}.App:not(.dark-mode) .hero-vignette{background:radial-gradient(ellipse 70% 60% at 50% 45%,#0000 40%,var(--bg-primary) 100%)}.hero-particles{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.particle{animation:particleFloat linear infinite;background:var(--accent);border-radius:50%;height:2px;opacity:0;position:absolute;width:2px}.particle:first-child{animation-delay:0s;animation-duration:12s;left:10%}.particle:nth-child(2){animation-delay:2s;animation-duration:15s;left:20%}.particle:nth-child(3){animation-delay:4s;animation-duration:10s;left:35%}.particle:nth-child(4){animation-delay:1s;animation-duration:14s;left:50%}.particle:nth-child(5){animation-delay:3s;animation-duration:11s;left:65%}.particle:nth-child(6){animation-delay:5s;animation-duration:13s;left:75%}.particle:nth-child(7){animation-delay:.5s;animation-duration:16s;left:85%}.particle:nth-child(8){animation-delay:6s;animation-duration:9s;left:45%}.particle:nth-child(9){animation-delay:3.5s;animation-duration:14s;left:5%}.particle:nth-child(10){animation-delay:7s;animation-duration:12s;left:90%}.particle:nth-child(11){animation-delay:1.5s;animation-duration:11s;left:30%}.particle:nth-child(12){animation-delay:4.5s;animation-duration:13s;left:55%}.particle:nth-child(odd){background:#a78bfacc;height:3px;width:3px}.particle:nth-child(3n){background:#f5a62399;height:1.5px;width:1.5px}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translateY(-10vh) scale(1)}}.App:not(.dark-mode) .particle{animation:particleFloatLight linear infinite;opacity:0}@keyframes particleFloatLight{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:.3}90%{opacity:.3}to{opacity:0;transform:translateY(-10vh) scale(1)}}.hero-grid{display:none}.hero-vignette{background:radial-gradient(ellipse 70% 60% at 50% 45%,#0000 50%,var(--bg-primary) 100%);inset:0;pointer-events:none;position:absolute;z-index:2}.hero-center{flex-direction:column;gap:0;max-width:1200px;padding:0 24px;position:relative;text-align:center;width:100%;z-index:3}.hero-center,.hero-status{align-items:center;display:flex}.hero-status{backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;color:var(--text-muted);font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:500;gap:8px;letter-spacing:.15em;margin-bottom:32px;padding:6px 16px;text-transform:uppercase}.status-dot{animation:statusPulse 2s ease-in-out infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e80;height:6px;width:6px}@keyframes statusPulse{0%,to{box-shadow:0 0 8px #22c55e80;opacity:1}50%{box-shadow:0 0 16px #22c55ecc;opacity:.6}}.hero-eyebrow{color:var(--accent);font-family:Space Grotesk,sans-serif;font-size:clamp(.75rem,1vw,.9rem);font-weight:500;letter-spacing:.25em;margin-bottom:24px;text-transform:uppercase}.hero-name-wrapper{margin-bottom:24px;position:relative}.hero-name-mask{overflow:hidden}.hero-name{font-family:Space Grotesk,sans-serif;font-size:clamp(4rem,14vw,12rem);font-weight:700;letter-spacing:-.04em;line-height:.9;text-transform:uppercase}.hero-name-gradient{-webkit-text-fill-color:#0000;animation:gradientShift 6s ease infinite;background:linear-gradient(135deg,var(--accent) 0,#a78bfa 25%,#f5a623 50%,#a78bfa 75%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;background-size:300% 300%}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.App:not(.dark-mode) .hero-name-gradient{animation:gradientShift 6s ease infinite;background:linear-gradient(135deg,#4f46e5,#7c3aed 25%,#c2410c 50%,#7c3aed 75%,#4f46e5);-webkit-background-clip:text;background-clip:text;background-size:300% 300%}.hero-name-outline{-webkit-text-fill-color:#0000;-webkit-text-stroke:1.5px var(--text-primary);color:#0000;opacity:.6}.App:not(.dark-mode) .hero-name-outline{-webkit-text-stroke:2px var(--text-primary);opacity:.3}.hero-name-glow{animation:nameGlowShimmer 3s linear infinite;background:linear-gradient(90deg,#0000,var(--accent),#a78bfa,var(--accent-secondary),#0000);background-size:200% 100%;border-radius:999px;box-shadow:0 0 20px #667eea4d,0 0 60px #667eea1a;height:2px;margin:16px auto 0;max-width:500px;width:60%}@keyframes nameGlowShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.App:not(.dark-mode) .hero-name-glow{box-shadow:0 0 12px #667eea26}.typewriter-cursor{animation:blink .7s step-end infinite;color:var(--accent);font-weight:300}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-tagline{color:var(--text-secondary);font-size:clamp(.9rem,1.3vw,1.1rem);font-weight:400;line-height:1.6;margin-bottom:40px;max-width:440px}.hero-actions{display:flex;gap:16px;margin-bottom:64px}.btn-glow{overflow:visible;position:relative}.btn-glow:before{animation:gradientShift 4s ease infinite;background:linear-gradient(135deg,var(--accent),#a78bfa,var(--accent-secondary));background-size:200% 200%;border-radius:999px;content:"";filter:blur(12px);inset:-2px;opacity:0;position:absolute;transition:opacity .4s ease;z-index:-1}.btn-glow:hover:before{opacity:.6}.App:not(.dark-mode) .btn-glow:hover:before{opacity:.3}.hero-socials{gap:16px}.hero-socials,.hero-socials a{align-items:center;display:flex}.hero-socials a{color:var(--text-muted);padding:8px;transition:color .3s ease,transform .3s ease}.hero-socials a:hover{color:var(--accent);transform:translateY(-2px)}.hero-social-divider{background:var(--border);height:1px;width:20px}.hero-scroll-cue{align-items:center;bottom:40px;display:flex;flex-direction:column;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.scroll-text{color:var(--text-muted);font-family:Space Grotesk,sans-serif;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase}.scroll-line{animation:scrollPulse 2s ease-in-out infinite;background:linear-gradient(180deg,var(--accent),#0000);height:48px;width:1px}@keyframes scrollPulse{0%{opacity:1;transform:scaleY(1)}50%{opacity:.3;transform:scaleY(.6)}to{opacity:1;transform:scaleY(1)}}@media (max-width:768px){.hero-aurora .aurora-orb{filter:blur(60px);opacity:.35!important}.hero-grid{background-size:40px 40px}.hero-actions{align-items:center;flex-direction:column;margin-bottom:48px}.hero-actions .btn{max-width:260px;width:100%}.particle{display:none}}.about{background:#0000}.about-grid{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:.85fr 1fr}.about-image-col{position:-webkit-sticky;position:sticky;top:120px}.about-image-frame{border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 4px 24px #0000001f,inset 0 1px 0 #ffffff0a;overflow:hidden;position:relative;transform-style:preserve-3d;will-change:transform}.about-image{aspect-ratio:4/5;border-radius:16px;display:block;filter:grayscale(15%) contrast(1.05);height:auto;object-fit:cover;transition:filter .5s ease;width:100%}.about-image-frame:hover .about-image{filter:grayscale(0) contrast(1)}.image-border-glow{border:1px solid var(--border);border-radius:17px;inset:-1px;pointer-events:none;position:absolute;transition:border-color .5s ease}.about-image-frame:hover .image-border-glow{border-color:var(--accent);box-shadow:0 0 60px #667eea26,0 0 120px #667eea0d}.about-text-col{display:flex;flex-direction:column;gap:48px}.about-bio{color:var(--text-secondary);font-size:1.05rem;line-height:1.9;white-space:pre-line}.about-stats{display:flex;gap:24px}.stat{backdrop-filter:blur(var(--glass-blur)) saturate(1.4);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 24px #0000001f,inset 0 1px 0 #ffffff0a;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:20px 24px}.stat-number{color:var(--accent);font-family:Space Grotesk,sans-serif;font-size:2.2rem;font-weight:700;letter-spacing:-.03em;line-height:1}.stat-label{color:var(--text-muted);font-size:.78rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.skills-block{display:flex;flex-direction:column;gap:20px}.skills-label{color:var(--text-muted);font-family:Space Grotesk,sans-serif;font-size:.82rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase}.skills-grid{display:flex;flex-wrap:wrap;gap:10px}.skill-pill{backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;box-shadow:inset 0 1px 0 #ffffff0a;color:var(--text-secondary);cursor:default;font-size:.82rem;font-weight:500;letter-spacing:.01em;padding:8px 18px;transition:all .35s cubic-bezier(.22,1,.36,1)}.skill-pill:hover{border-color:var(--accent)!important;box-shadow:0 0 20px #667eea1f;color:var(--accent)!important;transform:translateY(-2px)}.App:not(.dark-mode) .about-image-frame{box-shadow:0 2px 8px #0000000f}.App:not(.dark-mode) .about-image-frame:hover .image-border-glow{box-shadow:0 0 40px #667eea1a,0 0 80px #667eea0a}.App:not(.dark-mode) .skill-pill:hover{box-shadow:0 0 16px #667eea14!important}@media (max-width:968px){.about-grid{gap:48px;grid-template-columns:1fr}.about-image-col{max-width:360px;position:relative;top:0}}.marquee-section{background:var(--bg-secondary);overflow:hidden;padding:32px 0;position:relative}.marquee-section:before{animation:marqueeLineShimmer 4s linear infinite;background:linear-gradient(90deg,#0000,var(--accent),#a78bfa80,var(--accent-secondary),#0000);background-size:200% 100%;top:0}.marquee-section:after,.marquee-section:before{content:"";height:1px;left:0;opacity:.4;position:absolute;right:0}.marquee-section:after{animation:marqueeLineShimmer 4s linear infinite reverse;background:linear-gradient(90deg,#0000,var(--accent-secondary),#a78bfa80,var(--accent),#0000);background-size:200% 100%;bottom:0}@keyframes marqueeLineShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.marquee-track{animation:marqueeScroll 75s linear infinite;display:flex;width:-webkit-max-content;width:max-content}.marquee-content{flex-shrink:0}.marquee-content,.marquee-item{align-items:center;display:flex}.marquee-item{color:var(--text-secondary);font-family:Space Grotesk,sans-serif;font-size:clamp(.85rem,1.2vw,1rem);font-weight:500;gap:24px;letter-spacing:.12em;padding:0 24px;text-transform:uppercase;transition:color .3s ease;white-space:nowrap}.marquee-item:hover{color:var(--accent)}.marquee-dot{background:var(--accent);border-radius:50%;box-shadow:0 0 8px #667eea66;flex-shrink:0;height:4px;opacity:.5;width:4px}@keyframes marqueeScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.marquee-section:hover .marquee-track{animation-play-state:paused}.App:not(.dark-mode) .marquee-section:after,.App:not(.dark-mode) .marquee-section:before{opacity:.6}.App:not(.dark-mode) .marquee-dot{box-shadow:none}.projects{background:#0000;position:relative}.projects-bento{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.section-heading-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--accent) 50%,#a78bfa 100%);-webkit-background-clip:text;background-clip:text}.section-heading-gradient:after{display:none}.project-card{border-radius:24px;overflow:hidden;position:relative;transform-style:preserve-3d;will-change:transform}.project-featured{grid-column:1/-1}.project-glow{background:radial-gradient(600px circle at 50% 50%,#667eea40,#a78bfa14 30%,#0000 50%);background:radial-gradient(600px circle at var(--mx,50%) var(--my,50%),#667eea40,#a78bfa14 30%,#0000 50%);border-radius:25px;inset:-1px;opacity:0;pointer-events:none;position:absolute;transition:opacity .4s ease;z-index:0}.project-card:hover .project-glow{opacity:1}.project-number{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:999px;color:var(--accent);font-family:Space Grotesk,sans-serif;font-size:.7rem;font-weight:700;left:16px;letter-spacing:.1em;opacity:0;padding:6px 12px;position:absolute;top:16px;transform:translateY(-8px);transition:all .4s cubic-bezier(.22,1,.36,1);z-index:3}.project-card:hover .project-number{opacity:1;transform:translateY(0)}.project-inner{backdrop-filter:blur(var(--glass-blur)) saturate(1.4);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 4px 24px #0000001f,inset 0 1px 0 #ffffff0a;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:border-color .4s ease,box-shadow .4s ease,transform .4s ease;z-index:1}.project-card:hover .project-inner{border-color:#667eea4d;box-shadow:0 8px 60px #667eea26,inset 0 1px 0 #ffffff0f;transform:translateY(-2px)}.project-image-wrapper{overflow:hidden;position:relative;width:100%}.project-featured .project-image-wrapper{height:380px}.project-card:not(.project-featured) .project-image-wrapper{height:240px}.project-image{height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1),filter .7s ease;width:100%}.project-card:hover .project-image{filter:brightness(.7);transform:scale(1.08)}.project-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05050599;display:flex;gap:16px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .4s ease}.project-card:hover .project-overlay{opacity:1}.project-link{align-items:center;border:1px solid #fff3;border-radius:999px;color:#fff;display:flex;font-size:.84rem;font-weight:500;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.project-link:hover{background:var(--accent);border-color:var(--accent);box-shadow:0 4px 24px #667eea66}.project-info{display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:space-between;padding:24px 28px}.project-title{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:8px}.project-description{color:var(--text-secondary);font-size:.88rem;line-height:1.6}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.project-tag{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;color:var(--text-muted);font-size:.75rem;font-weight:500;padding:4px 12px;transition:all .3s ease}.project-card:hover .project-tag{border-color:#667eea26;color:var(--text-secondary)}.App:not(.dark-mode) .project-inner{box-shadow:0 4px 24px #0000000a,inset 0 1px 0 #fffc}.App:not(.dark-mode) .project-card:hover .project-inner{box-shadow:0 8px 30px #667eea1a,inset 0 1px 0 #fffc}@media (max-width:768px){.projects-bento{grid-template-columns:1fr}.project-card:not(.project-featured) .project-image-wrapper,.project-featured .project-image-wrapper{height:200px}.project-overlay{flex-direction:column;gap:12px}}.experience{background:#0000}.exp-timeline{max-width:800px;padding-left:48px;position:relative}.exp-line-track{background:var(--border);bottom:0;left:7px;position:absolute;top:0;width:1px}.exp-line-fill{background:linear-gradient(180deg,var(--accent),#667eea33);transform-origin:top;width:100%}.exp-item{margin-bottom:48px;position:relative}.exp-item:last-child{margin-bottom:0}.exp-dot{background:var(--bg-primary);border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 12px #667eea4d;height:15px;left:-44px;position:absolute;top:8px;width:15px;z-index:1}.exp-card{backdrop-filter:blur(var(--glass-blur)) saturate(1.4);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 4px 24px #0000001f,inset 0 1px 0 #ffffff0a;padding:28px 32px;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.exp-card:hover{border-color:#667eea40;box-shadow:0 8px 40px #667eea1f,inset 0 1px 0 #ffffff0f;transform:translateY(-2px)}.App:not(.dark-mode) .exp-card{box-shadow:0 4px 24px #0000000a,inset 0 1px 0 #fffc}.App:not(.dark-mode) .exp-card:hover{box-shadow:0 8px 30px #667eea1a,inset 0 1px 0 #fffc}.App:not(.dark-mode) .exp-dot{box-shadow:0 0 8px #667eea33}.exp-card-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.exp-role{color:var(--text-primary);font-size:1.2rem;font-weight:600;letter-spacing:-.01em;margin-bottom:4px}.exp-company{color:var(--accent);font-size:.95rem;font-weight:500}.exp-period{color:var(--text-muted);flex-shrink:0;font-size:.8rem;font-weight:500;letter-spacing:.02em;white-space:nowrap}.exp-description{color:var(--text-secondary);font-size:.92rem;line-height:1.75}@media (max-width:768px){.exp-timeline{padding-left:36px}.exp-dot{height:12px;left:-32px;width:12px}.exp-card{padding:20px}.exp-card-header{flex-direction:column;gap:6px}}.contact{background:#0000}.contact-split{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin-bottom:80px}.contact-left{display:flex;flex-direction:column;gap:24px;position:-webkit-sticky;position:sticky;top:120px}.contact-heading{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--accent) 60%,#a78bfa 100%);-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.08}.contact-subtext{color:var(--text-secondary);font-size:1rem;line-height:1.7;max-width:380px}.contact-email{color:var(--accent);font-size:1rem;font-weight:500;padding-top:8px;text-decoration:none;transition:opacity .3s ease}.contact-email:hover{opacity:.7}.contact-socials{display:flex;gap:24px;padding-top:8px}.contact-socials a{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;color:var(--text-muted);font-size:.88rem;font-weight:500;letter-spacing:.01em;padding:6px 16px;text-decoration:none;transition:all .3s ease}.contact-socials a:hover{border-color:var(--accent);color:var(--accent)}.contact-right{animation:contactBorderGlow 6s ease infinite;background:linear-gradient(135deg,var(--border),#667eea33,var(--border),#a78bfa26,var(--border));background-size:300% 300%;border-radius:20px;padding:2px;position:relative}@keyframes contactBorderGlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.contact-form{backdrop-filter:blur(var(--glass-blur)) saturate(1.4);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);background:var(--glass-bg-strong);border-radius:18px;box-shadow:inset 0 1px 0 #ffffff0a;gap:24px;padding:40px}.contact-form,.form-field{display:flex;flex-direction:column}.form-field{gap:8px}.form-field label{color:var(--text-muted);font-size:.8rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.form-field input,.form-field textarea{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:1rem;outline:none;padding:14px 16px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-field input:focus,.form-field textarea:focus{border-color:var(--accent);box-shadow:0 4px 12px #667eea1f}.form-field input:-webkit-autofill,.form-field input:-webkit-autofill:focus,.form-field input:-webkit-autofill:hover,.form-field textarea:-webkit-autofill{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--bg-primary) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.form-field input:disabled,.form-field textarea:disabled{opacity:.5}.form-field textarea{min-height:120px;resize:vertical}.submit-btn{border-radius:999px;margin-top:8px;min-height:52px;width:100%}.submit-btn:disabled{cursor:not-allowed;opacity:.5}.btn-spinner{animation:spinBtn .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}@keyframes spinBtn{to{transform:rotate(1turn)}}.form-status{background:var(--accent);border-radius:12px;color:#fff;font-size:.9rem;font-weight:500;padding:14px;text-align:center}.form-status-error{background:#dc2626}.site-footer{padding-top:40px}.footer-line{animation:footerLineShimmer 4s linear infinite;background:linear-gradient(90deg,#0000,var(--accent),#a78bfa80,var(--accent-secondary),#0000);background-size:200% 100%;height:1px;margin-bottom:24px;opacity:.3}@keyframes footerLineShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.footer-content{align-items:center;display:flex;font-size:.82rem;justify-content:space-between;padding-bottom:8px}.footer-built,.footer-content{color:var(--text-muted)}.App:not(.dark-mode) .form-field input:focus,.App:not(.dark-mode) .form-field textarea:focus{box-shadow:0 4px 12px #667eea0f}.App:not(.dark-mode) .footer-line{opacity:.5}.App:not(.dark-mode) .contact-heading{color:var(--text-primary)}@media (max-width:968px){.contact-split{gap:48px;grid-template-columns:1fr}.contact-left{position:relative;top:0}}.cursor-dot,.cursor-ring{left:0;pointer-events:none;position:fixed;top:0;will-change:transform;z-index:99999}.cursor-dot{background:var(--accent);border-radius:50%;height:6px;margin:-3px 0 0 -3px;transition:opacity .2s ease;width:6px}.cursor-ring{border:1.5px solid #667eeab3;border-radius:50%;height:36px;margin:-18px 0 0 -18px;mix-blend-mode:difference;transition:width .25s ease,height .25s ease,border-color .25s ease,margin .25s ease;width:36px}.cursor-ring.cursor-expanded{border-color:#f5a623e6;height:56px;margin:-28px 0 0 -28px;width:56px}@media (hover:none){.cursor-dot,.cursor-ring{display:none}}
/*# sourceMappingURL=main.9cf2a09f.css.map*/