@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg:#041024;--card:#07152a;--muted:#9fb3c8;--accent:#39ffb6;--accent-2:#7dd3fc;--white:#eaf6ff;--glass: rgba(255,255,255,.03)}html{font-size:20px}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(1200px 400px at 10% 10%,rgba(61,166,255,.04),transparent),var(--bg);color:var(--white);-webkit-font-smoothing:antialiased}.smooth-scroll-enabled{scroll-behavior:smooth}.inner{max-width:1600px;margin:0 auto;padding:1.5rem}.site-header{position:sticky;top:0;z-index:40;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,.2),rgba(0,0,0,1));-webkit-mask-repeat:no-repeat;-webkit-mask-size:cover;mask-image:linear-gradient(to right,rgba(0,0,0,.2),rgba(0,0,0,1));mask-repeat:no-repeat;mask-size:cover;background:transparent;padding:.5rem 0}.site-header.scrolled{background:transparent;box-shadow:none}.site-header .inner{display:flex;align-items:center;justify-content:space-between}.brand{font-family:Space Grotesk,sans-serif;font-weight:700;color:var(--accent);letter-spacing:.6px;font-size:.9rem}.site-header nav a{color:var(--muted);margin-left:.75rem;text-decoration:none;font-size:1rem;padding:.4rem .6rem;border-radius:8px}.btn{display:inline-block;padding:.6rem 1rem;border-radius:10px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#042025;text-decoration:none;font-weight:600;box-shadow:0 6px 20px #39ffb614;transform:translateY(0);transition:transform .18s ease}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #39ffb61f}.btn.ghost{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.06)}.avatar-placeholder{width:88px;height:88px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#1fb6a3);display:flex;align-items:center;justify-content:center;color:#022;font-weight:700}.profile-meta strong{display:block}.profile-meta .muted{color:var(--muted);font-size:.9rem}.down{margin-bottom:10rem}.socials{margin-top:.5rem;display:flex;gap:.45rem;align-items:center}.socials a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);color:var(--accent);text-decoration:none;border:1px solid rgba(255,255,255,.03)}.social-icon-img{width:18px;height:18px;display:block}.up{position:relative;margin-top:-1rem;margin-bottom:1200px}.up2{position:relative;margin-top:5rem;margin-bottom:50px}.up3{position:relative;margin-top:500px;margin-bottom:50px}.projectup{position:relative;margin-top:500px;margin-bottom:500px}.stickyexp{position:sticky;top:100px;z-index:30}section h2,.section-title{position:-webkit-sticky;position:sticky;top:calc(var(--header-height, 64px) + 12px);z-index:30;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0));padding-top:4px;margin-top:.6rem}section h2{will-change:transform}[data-parallax]{will-change:transform;transform:translateZ(0)}.cube-wrap{position:fixed;width:400px;height:400px;display:flex;align-items:center;justify-content:center}.neon-cube{position:fixed;width:350px;height:350px;transform-style:preserve-3d;animation:spinCube 16s linear infinite}.neon-cube .face{position:absolute;width:150px;height:150px;left:0;top:0;background:transparent;border:2px solid rgba(125,211,252,.18);box-shadow:0 0 24px #7dd3fc0f,0 0 48px #39ffb60a}.neon-cube .face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px dashed rgba(125,211,252,.06)}.neon-cube .f1{transform:translateZ(75px)}.neon-cube .f2{transform:rotateY(90deg) translateZ(75px)}.neon-cube .f3{transform:rotateY(180deg) translateZ(75px)}.neon-cube .f4{transform:rotateY(-90deg) translateZ(75px)}.neon-cube .f5{transform:rotateX(90deg) translateZ(75px)}.neon-cube .f6{transform:rotateX(-90deg) translateZ(75px)}@keyframes spinCube{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}.audio-player{position:fixed;right:18px;bottom:18px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));padding:.6rem .8rem;border-radius:12px;border:1px solid rgba(255,255,255,.04);display:flex;gap:.6rem;align-items:center;z-index:60}.audio-player button{background:transparent;border:none;color:var(--white);cursor:pointer}.audio-player .playlist{display:none;max-width:260px}.audio-player .track{font-size:.95rem;color:var(--muted);cursor:pointer}.section{padding:2.75rem 0}.section{scroll-margin-top:72px}.about .tech-grid{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.tech{padding:.5rem .75rem;border-radius:8px;background:linear-gradient(90deg,rgba(125,211,252,.04),rgba(57,255,182,.02));border:1px solid rgba(255,255,255,.03);color:var(--accent-2)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem}.projects-section{min-height:100vh;display:flex;align-items:center}.proj{background:var(--card);border-radius:10px;padding:1rem;border:1px solid rgba(255,255,255,.03);transition:transform .18s ease,box-shadow .18s ease}.proj:hover{transform:translateY(-6px);box-shadow:0 20px 50px #02ffaa0f}.proj-links a{margin-right:.6rem;color:var(--accent-2)}.proj-image{width:100%;height:260px;border-radius:12px;overflow:hidden;background:linear-gradient(90deg,rgba(125,211,252,.03),rgba(57,255,182,.03));display:flex;align-items:center;justify-content:center;margin-bottom:1rem;border:1px solid rgba(255,255,255,.04)}.proj-image img{width:100%;height:100%;object-fit:cover;display:block}.timeline-logo{width:48px;height:48px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;color:#022;font-weight:700;flex:0 0 48px}.proj-logo{width:64px;height:64px;border-radius:10px;background:linear-gradient(135deg,rgba(125,211,252,.12),rgba(57,255,182,.07));display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.timeline-list{border-left:2px solid rgba(125,211,252,.08);margin-left:1rem;padding-left:1.25rem}.timeline-item{position:relative;padding:1rem 0}.timeline-item:before{content:"";position:absolute;left:-1.05rem;top:1.2rem;width:12px;height:12px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px #39ffb62e}.timeline-time{font-weight:700;color:var(--accent-2);margin-bottom:.4rem;font-size:1rem}.timeline-body{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);padding:1rem;border-radius:10px;border:1px solid rgba(255,255,255,.04)}.timeline-item{opacity:0;transform:translateY(6px);animation:fadeUp .6s forwards ease}.timeline-item:nth-child(1){animation-delay:.12s}.timeline-item:nth-child(2){animation-delay:.18s}.contact .links-row{display:flex;gap:.6rem;margin-top:1rem}.link-btn{padding:.5rem .9rem;border-radius:8px;background:linear-gradient(90deg,var(--accent-2),var(--accent));color:#012;font-weight:600;text-decoration:none}.site-footer{padding:1.5rem 0;margin-top:-200px;text-align:center;font-size:medium}.proj,.tech,.timeline-item{opacity:0;transform:translateY(8px);animation:fadeUp .6s forwards ease}.proj{animation-delay:.12s}.tech{animation-delay:.08s}@keyframes fadeUp{to{opacity:1;transform:none}}@media (max-width:900px){.inner{padding:1rem}}.hero-compact{min-height:100vh;display:flex;align-items:center;padding:0}.hero-compact-inner{display:flex;gap:2rem;align-items:center;justify-content:space-between;width:100%;padding:3rem}.hero-left{flex:1;max-width:720px}.hero-right{position:relative;width:420px;display:flex;align-items:center;justify-content:center}.hero-compact .name{font-family:Space Grotesk,sans-serif;font-size:5.6rem;font-weight:700;color:var(--white);line-height:1}.hero-compact .accent{color:var(--accent);margin-left:.25rem}.hero-compact .tag{color:var(--muted);margin-top:.2rem;font-size:.9rem}.hero-blurb{color:var(--muted);max-width:54ch;margin-top:1rem;font-size:.9rem;margin-left:3.2rem}.hero-ctas{margin-top:1.2rem;display:flex;gap:.9rem;align-items:center}.profile-sticker{width:500px;height:500px;border-radius:50%;background:linear-gradient(135deg,rgba(57,255,182,.06),rgba(125,211,252,.04));display:flex;align-items:center;justify-content:center;border:3px solid rgba(57,255,182,.12);box-shadow:0 6px 30px #39ffb61f;margin-left:5rem;margin-top:.5rem}.profile-sticker img{width:450px;height:450px;border-radius:50%;object-fit:cover;display:flex}.hero-left .profile-and-name{display:flex;align-items:center;gap:18px}.socials{margin-top:.6rem;display:flex;gap:.6rem}.socials a{width:40px;height:40px;border-radius:10px}@media (max-width:900px){.hero-compact-inner{grid-template-columns:1fr;gap:1rem}.profile-sticker{justify-self:center}.name-overlay{position:relative;right:0;top:0;align-items:center;text-align:center;opacity:1;transform:none;pointer-events:auto}.name-overlay .name{font-size:3rem}}.name-overlay{position:fixed;right:8%;top:50%;transform:translateY(-44%);display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none;text-align:left;z-index:30;opacity:0;transition:opacity .26s ease,transform .36s cubic-bezier(.2,.9,.2,1)}.name-overlay .name{font-size:6rem;font-family:Space Grotesk,sans-serif;font-weight:700;color:var(--white);line-height:1;margin-left:3rem}.name-overlay.visible{opacity:1;transform:translateY(-50%);pointer-events:auto}.name-overlay .overlay-socials{margin-top:0;margin-left:3rem}.name-overlay .overlay-socials .socials{margin-top:0}.hero-meta .social-row,.name-overlay .overlay-socials{margin-top:6px}.left-col{flex:0 0 360px;max-width:380px}.about .left-col h2{margin-bottom:100px;font-size:5rem;margin-left:50px}.about-sentence p{color:var(--muted);font-size:1rem;line-height:1.5;margin-right:2rem;margin-top:-6.5rem}.about .inner{display:grid;grid-template-columns:50vw 1fr;gap:1.25rem;align-items:start}.about .right-col{grid-column:2}@media (max-width:900px){.about .inner{display:block}.about .right-col{grid-column:auto;margin-bottom:2rem}}@media (max-width:900px){.left-col{flex:1;max-width:none}.about-sentence{margin-top:.6rem}}.ornaments{position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:5}.ornaments .blob{position:absolute;border-radius:50%;filter:blur(24px);opacity:.12;mix-blend-mode:screen;animation:blobFloat 10s ease-in-out infinite}.ornaments .blob.b1{width:280px;height:280px;left:6%;top:12%;background:radial-gradient(circle at 30% 30%,var(--accent),transparent 40%)}.ornaments .blob.b2{width:220px;height:220px;right:8%;top:8%;background:radial-gradient(circle at 40% 40%,var(--accent-2),transparent 40%);animation-duration:12s}.ornaments .blob.b3{width:160px;height:160px;left:18%;bottom:10%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.06),transparent 40%);animation-duration:14s}@keyframes blobFloat{0%{transform:translateY(0) translate(0)}50%{transform:translateY(-18px) translate(8px)}to{transform:translateY(0) translate(0)}}.hero-compact .name,h2,h3{text-shadow:0 6px 28px rgba(57,255,182,.04),0 0 12px rgba(125,211,252,.02)}[data-parallax-speed]{transition:transform .6s cubic-bezier(.2,.9,.2,1)}h2 a,h3 a{color:inherit;text-decoration:none;padding:.2rem .35rem;border-radius:6px}h2 a:hover,h3 a:hover{color:var(--accent-2);background:rgba(255,255,255,.02);cursor:pointer}.nav-hover-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fff;color:#000;z-index:9999;font-family:JetBrains Mono,monospace;font-size:28px;pointer-events:none;opacity:0;transform:translate(0)}.nav-hover-overlay .overlay-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.nav-hover-overlay .overlay-text{font-size:48px;font-weight:700}.nav-hover-overlay.visible{opacity:1;transform:translate(0)}.nav-hover-overlay.play{opacity:1;animation:navOverlayPlay .75s cubic-bezier(.2,.9,.2,1) forwards}@keyframes navOverlayPlay{0%{opacity:1;transform:translate(0)}60%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(-120%)}}