@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:#050505;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:#050505;--bg-secondary:#0a0a0a;--bg-card:#ffffff08;--text-primary:#e8e8e8;--text-secondary:#777;--text-muted:#444;--accent:#667eea;--accent-hover:#7b93ff;--accent-secondary:#f5a623;--border:#ffffff0f;--border-hover:#ffffff1f;--shadow:#00000080;--glass-bg:#ffffff08;--glass-border:#ffffff0f}.App:not(.dark-mode){--bg-primary:#fafafa;--bg-secondary:#f0f0f0;--bg-card:#00000005;--text-primary:#111;--text-secondary:#666;--text-muted:#bbb;--border:#00000014;--border-hover:#00000026;--shadow:#00000014;--glass-bg:#fffc;--glass-border:#0000000f}.App{background:#050505;background:var(--bg-primary);color:#e8e8e8;color:var(--text-primary);min-height:100vh;position:relative;transition:background .5s ease,color .5s ease}.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:.035;pointer-events:none;position:fixed;z-index:9000}.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff08;background:var(--glass-bg);border:1px solid #ffffff0f;border:1px solid var(--glass-border)}section{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:120px 40px;position:relative}.container{margin:0 auto;max-width:1200px;width:100%}.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,#ffffff0f,#0000);background:linear-gradient(90deg,var(--border),#0000);flex:1 1;height:1px;max-width:80px}.section-name{color:#444;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}h1,h2,h3,h4{font-family:Space Grotesk,sans-serif;letter-spacing:-.02em}.btn{align-items:center;border:none;border-radius:999px;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);color:#fff;position:relative}.btn-primary:hover{background:#7b93ff;background:var(--accent-hover);box-shadow:0 12px 40px #667eea66,0 0 0 1px #667eea33;transform:translateY(-2px)}.btn-secondary{background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border);color:#e8e8e8;color:var(--text-primary)}.btn-secondary:hover{border-color:#667eea;border-color:var(--accent);box-shadow:0 8px 30px #667eea1f;color:#667eea;color:var(--accent);transform:translateY(-2px)}.btn-accent-secondary{background:#f5a6231a;border:1px solid #f5a62333;color:#f5a623;color:var(--accent-secondary)}.btn-accent-secondary:hover{background:#f5a623;background:var(--accent-secondary);box-shadow:0 12px 40px #f5a62340;color:#000;transform:translateY(-2px)}.btn:active{transform:scale(.97)}:focus-visible{border-radius:4px;outline:2px solid #667eea;outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}.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}}.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}.App:not(.dark-mode) .grain-overlay{opacity:.02}.App:not(.dark-mode) .btn-primary:hover{box-shadow:0 12px 40px #667eea33,0 0 0 1px #667eea26}.App:not(.dark-mode) .btn-secondary:hover{box-shadow:0 8px 24px #667eea14}.App:not(.dark-mode) .section-divider-line{opacity:.5}@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(20px);-webkit-backdrop-filter:blur(20px);background:#050505cc;border-bottom:1px solid var(--border);padding:14px 0}.App:not(.dark-mode) .navbar.scrolled{background:#fafafad9}.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{border:1px solid var(--border);border-radius:999px;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{background:var(--bg-primary);border-left:1px solid var(--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:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;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);opacity:.5;position:absolute;will-change:transform}.aurora-orb-1{animation:auroraFloat1 8s ease-in-out infinite;background:radial-gradient(circle,#667eea66 0,#0000 70%);height:50vw;left:calc(50% - 25vw);left:calc(var(--aurora-x, 50%) - 25vw);max-height:700px;max-width:700px;top:calc(50% - 25vw);top:calc(var(--aurora-y, 50%) - 25vw);width:50vw}.aurora-orb-2{animation:auroraFloat2 10s ease-in-out infinite;background:radial-gradient(circle,#764ba259 0,#0000 70%);height:40vw;max-height:550px;max-width:550px;right:-5%;top:20%;width:40vw}.aurora-orb-3{animation:auroraFloat3 12s ease-in-out infinite;background:radial-gradient(circle,#f5a62333 0,#0000 70%);bottom:-10%;height:35vw;left:15%;max-height:500px;max-width:500px;width:35vw}@keyframes auroraFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}@keyframes auroraFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,30px) scale(1.08)}66%{transform:translate(20px,-30px) scale(.97)}}@keyframes auroraFloat3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.1)}}.App:not(.dark-mode) .aurora-orb{filter:blur(100px) saturate(1.5);opacity:.2}.App:not(.dark-mode) .aurora-orb-1{background:radial-gradient(circle,#667eea4d 0,#0000 70%)}.App:not(.dark-mode) .aurora-orb-2{background:radial-gradient(circle,#764ba240 0,#0000 70%)}.App:not(.dark-mode) .aurora-orb-3{background:radial-gradient(circle,#f5a62326 0,#0000 70%)}.App:not(.dark-mode) .hero-vignette{background:radial-gradient(ellipse 70% 60% at 50% 45%,#0000 40%,var(--bg-primary) 100%)}.hero-grid{animation:gridPulse 6s ease-in-out infinite;background-image:linear-gradient(#667eea0a 1px,#0000 0),linear-gradient(90deg,#667eea0a 1px,#0000 0);background-size:60px 60px;inset:0;mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000 30%,#0000 80%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000 30%,#0000 80%);position:absolute;z-index:1}@keyframes gridPulse{0%,to{opacity:1}50%{opacity:.4}}.App:not(.dark-mode) .hero-grid{background-image:linear-gradient(#0000000a 1px,#0000 0),linear-gradient(90deg,#0000000a 1px,#0000 0)}.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{background:var(--bg-card);border:1px solid var(--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;text-transform:uppercase}.hero-eyebrow,.hero-name-wrapper{margin-bottom:24px}.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%}}.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-gradient{background:linear-gradient(135deg,#4f46e5,#7c3aed 25%,#c2410c 50%,#7c3aed 75%,#4f46e5);-webkit-background-clip:text;background-clip:text;background-size:300% 300%}.App:not(.dark-mode) .hero-name-outline{-webkit-text-stroke:2px var(--text-primary);opacity:.3}.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}.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%}}.about{background:var(--bg-primary)}.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-radius:16px;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}.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{background:#0000;border:1px solid var(--border);border-radius:999px;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:var(--bg-primary)}.projects-bento{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.project-card{border-radius:20px;overflow:hidden;position:relative;transform-style:preserve-3d;will-change:transform}.project-featured{grid-column:1/-1}.project-number{background:var(--bg-primary);border:1px solid var(--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-glow{background:radial-gradient(600px circle at 50% 50%,#667eea33,#a78bfa0f 30%,#0000 50%);background:radial-gradient(600px circle at var(--mx,50%) var(--my,50%),#667eea33,#a78bfa0f 30%,#0000 50%);border-radius:21px;inset:-1px;opacity:0;pointer-events:none;position:absolute;transition:opacity .4s ease;z-index:0}.project-card:hover .project-glow{opacity:1}.project-inner{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:border-color .4s ease,box-shadow .4s ease;z-index:1}.project-card:hover .project-inner{border-color:#667eea33;box-shadow:0 8px 40px #667eea14}.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:220px}.project-image{height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1);width:100%}.project-card:hover .project-image{transform:scale(1.05)}.project-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050505cc;display:flex;gap:20px;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;letter-spacing:.02em;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;color:#fff}.project-info{display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:space-between;padding:24px}.project-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.project-description{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.project-tag{border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:.75rem;font-weight:500;letter-spacing:.03em;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 1px 3px #0000000a}.App:not(.dark-mode) .project-card:hover .project-inner{border-color:#667eea40;box-shadow:0 8px 30px #667eea1a}.App:not(.dark-mode) .project-glow{background:radial-gradient(600px circle at 50% 50%,#667eea14,#0000 40%);background:radial-gradient(600px circle at var(--mx,50%) var(--my,50%),#667eea14,#0000 40%)}@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:var(--bg-primary)}.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{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:28px 32px;transition:border-color .3s ease,background .3s ease}.exp-card:hover{background:#ffffff0a;border-color:#667eea26;box-shadow:0 4px 30px #667eea0f}.App:not(.dark-mode) .exp-card:hover{background:#00000003;box-shadow:0 4px 20px #667eea14}.App:not(.dark-mode) .exp-dot{box-shadow:0 0 8px #667eea33}.App:not(.dark-mode) .exp-card{box-shadow:0 1px 3px #0000000a}.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:var(--bg-primary)}.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{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{color:var(--text-muted);font-size:.88rem;font-weight:500;letter-spacing:.01em;text-decoration:none;transition:color .3s ease}.contact-socials a:hover{color:var(--text-primary)}.contact-form{gap:24px}.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{background:#0000;border:none;border-bottom:1px solid var(--border);border-radius:0;color:var(--text-primary);font-family:inherit;font-size:1rem;outline:none;padding:14px 0;transition:border-color .3s ease;width:100%}.form-field input:focus,.form-field textarea:focus{border-color:var(--accent);box-shadow:0 4px 12px #667eea14}.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}}.loading-screen{align-items:center;background:#050505;background:var(--bg-primary,#050505);display:flex;flex-direction:column;gap:24px;inset:0;justify-content:center;position:fixed;z-index:99998}.loading-ring{animation:ringRotate 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#667eea #a78bfa #667eea1a #667eea1a;border-radius:50%;border-style:solid;border-width:2px;box-shadow:0 0 40px #667eea26;height:100px;position:relative;width:100px}.loading-ring:after{animation:ringRotate .8s cubic-bezier(.5,0,.5,1) infinite reverse;border:1px solid #f5a6231a;border-radius:50%;border-top-color:#f5a62380;content:"";inset:8px;position:absolute}@keyframes ringRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-name{-webkit-text-fill-color:#0000;animation:shimmerLoad 2.5s linear infinite;background:linear-gradient(135deg,#667eea,#a78bfa 30%,#f5a623 60%,#667eea);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:800;letter-spacing:.08em}@keyframes shimmerLoad{0%{background-position:0}to{background-position:200%}}.loading-counter{color:#667eea;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.05em;min-width:48px;text-align:center}.loading-bar-track{background:#667eea1a;border-radius:999px;height:2px;overflow:hidden;width:200px}.loading-bar-fill{background:linear-gradient(90deg,#667eea,#a78bfa,#f5a623);border-radius:999px;box-shadow:0 0 12px #667eea66;height:100%}
/*# sourceMappingURL=main.70d58d87.css.map*/