*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#03020f;--bg2:#06041a;--purple:#8b5cf6;--purple2:#6d28d9;--blue:#4f8ef7;--blue2:#2563eb;--violet:#c084fc;--indigo:#6366f1;--white:#f0eeff;--muted:#c8beff70;--glass:#ffffff0a;--gb:#ffffff14;--sp-green:#1db954}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);cursor:none;font-family:DM Sans,sans-serif;font-weight:300;line-height:1.7;overflow-x:hidden}.bg-canvas{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(50px);will-change:transform;contain:layout style paint;border-radius:50%;position:absolute}.orb1{background:radial-gradient(circle,#6d28d959,#0000);width:800px;height:800px;top:-20%;left:-14%}.orb2{background:radial-gradient(circle,#1d4ed852,#0000);width:700px;height:700px;bottom:-14%;right:-10%}.orb3{background:radial-gradient(circle,#4f46e547,#0000);width:600px;height:600px;top:35%;left:45%}.orb4{background:radial-gradient(circle,#7c3aed38,#0000);width:380px;height:380px;top:16%;right:20%}.grid-overlay{z-index:0;pointer-events:none;background-image:linear-gradient(#6366f108 1px,#0000 1px),linear-gradient(90deg,#6366f108 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0}.cursor{pointer-events:none;z-index:9999;mix-blend-mode:difference;background:#fff;border-radius:50%;width:8px;height:8px;transition:width .2s,height .2s;position:fixed;transform:translate(-50%,-50%)}.cursor-ring{pointer-events:none;z-index:9998;border:1px solid #8b5cf6a6;border-radius:50%;width:34px;height:34px;position:fixed;transform:translate(-50%,-50%)}nav{z-index:500;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:1.6rem 5rem;transition:padding .4s,background .4s,border-color .4s;display:flex;position:fixed;top:0;left:0;right:0}nav.scrolled{-webkit-backdrop-filter:blur(12px);border-color:var(--gb);background:#03020fbf;padding:1rem 5rem}.nav-logo{letter-spacing:-.02em;background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:1.25rem;font-weight:800;text-decoration:none}.nav-links{align-items:center;gap:2.5rem;list-style:none;display:flex}.nav-links a{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);padding-bottom:2px;font-family:JetBrains Mono,monospace;font-size:.68rem;text-decoration:none;transition:color .3s;position:relative}.nav-links a:after{content:"";background:linear-gradient(90deg,var(--purple),var(--blue));width:0;height:1px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-links a:hover{color:var(--white)}.nav-links a:hover:after{width:100%}.nav-cta{letter-spacing:.15em;text-transform:uppercase;color:var(--violet);background:#8b5cf624;border:1px solid #8b5cf647;border-radius:100px;padding:.55rem 1.4rem;font-family:JetBrains Mono,monospace;font-size:.65rem;text-decoration:none;transition:all .25s}.nav-cta:hover{border-color:var(--purple);background:#8b5cf642;transform:translateY(-1px)}#hero{z-index:2;flex-direction:column;justify-content:center;min-height:100vh;padding:10rem 5rem 6rem;display:flex;position:relative;overflow:hidden}.hero-pill{background:var(--glass);border:1px solid var(--gb);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;border-radius:100px;align-items:center;gap:.7rem;width:fit-content;margin-bottom:2.5rem;padding:.45rem 1.2rem;display:inline-flex}.pill-dot{background:#34d399;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #34d399}.hero-pill span{letter-spacing:.15em;text-transform:uppercase;color:#c8beff99;font-family:JetBrains Mono,monospace;font-size:.64rem}.hero-h1{letter-spacing:-.03em;margin-bottom:1.5rem;font-family:Syne,sans-serif;font-size:clamp(3.5rem,9vw,8.5rem);font-weight:800;line-height:.95;overflow:hidden}.hero-h1 .l1{color:var(--white);display:block}.hero-h1 .l2{background:linear-gradient(135deg,#818cf8 0%,#a78bfa 45%,#60a5fa 100%);color:#a78bfa;-webkit-background-clip:text;background-clip:text;display:block}.split-char{opacity:0;display:inline-block;transform:translateY(60px)}.hero-sub{color:var(--muted);opacity:0;max-width:500px;margin-bottom:3rem;font-size:1.05rem}.hero-cta{opacity:0;flex-wrap:wrap;gap:1.2rem;display:flex}.btn-primary{letter-spacing:.12em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#6d28d9,#2563eb);border:none;border-radius:100px;padding:.9rem 2.2rem;font-family:JetBrains Mono,monospace;font-size:.7rem;text-decoration:none;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 0 28px #6d28d94d}.btn-primary:before{content:"";background:linear-gradient(135deg,#ffffff1a,#0000);border-radius:100px;position:absolute;inset:0}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 0 55px #6d28d980}.btn-secondary{letter-spacing:.12em;text-transform:uppercase;background:var(--glass);border:1px solid var(--gb);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--muted);border-radius:100px;padding:.9rem 2.2rem;font-family:JetBrains Mono,monospace;font-size:.7rem;text-decoration:none;transition:all .3s}.btn-secondary:hover{color:var(--white);background:#8b5cf61a;border-color:#8b5cf666;transform:translateY(-3px)}@keyframes sdrop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}section{z-index:2;padding:8rem 5rem;position:relative}.scroll-section{padding:3rem 5rem}.s-label{letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(135deg,#818cf8,#60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.7rem;margin-bottom:1.5rem;font-family:JetBrains Mono,monospace;font-size:.65rem;display:inline-flex}.s-title{letter-spacing:-.02em;color:var(--white);margin-bottom:1rem;font-family:Syne,sans-serif;font-size:clamp(2.2rem,4.5vw,3.8rem);font-weight:700;line-height:1.1;overflow:hidden}.s-title .g{background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sec-divider{border:none;border-top:1px solid #ffffff0f;margin:0}.sec-divider:first-of-type{margin:-4rem 0 0}.gc{background:var(--glass);border:1px solid var(--gb);-webkit-backdrop-filter:blur(12px);border-radius:20px}.about-wrap{grid-template-columns:360px 1fr;align-items:start;gap:5rem;margin-top:3.5rem;display:grid}.avatar-card{text-align:center;background:var(--glass);border:1px solid var(--gb);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:2.5rem;position:relative;overflow:hidden}.avatar-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf629,#0000);border-radius:50%;width:240px;height:240px;position:absolute;top:-80px;left:-80px}.avi{color:#ffffffe6;z-index:1;background:linear-gradient(135deg,#6d28d9,#2563eb);border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;margin:0 auto 1.2rem;font-family:Syne,sans-serif;font-size:2.2rem;font-weight:800;display:flex;position:relative;overflow:hidden}.avi:before{content:"";z-index:-1;background:conic-gradient(#a78bfa,#60a5fa,#a78bfa);border-radius:50%;animation:4s linear infinite spin;position:absolute;inset:-3px}@keyframes spin{to{transform:rotate(360deg)}}.avi-name{color:var(--white);font-family:Syne,sans-serif;font-size:1.25rem;font-weight:700}.avi-role{color:var(--muted);margin:.25rem 0 1.2rem;font-size:.85rem}.badges{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.badge{letter-spacing:.1em;text-transform:uppercase;color:var(--violet);background:#8b5cf61f;border:1px solid #8b5cf633;border-radius:100px;padding:.28rem .75rem;font-family:JetBrains Mono,monospace;font-size:.58rem}.stats{grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.8rem;display:grid}.stat{text-align:center;background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;padding:1rem .8rem}.stat-n{background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:1.4rem;font-weight:800}.stat-l{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:.2rem;font-family:JetBrains Mono,monospace;font-size:.7rem}.about-body p{color:var(--muted);margin-bottom:1.2rem;font-size:1rem}.about-body p strong{color:var(--white);font-weight:400}.stack-rows{flex-direction:column;gap:1rem;margin-top:3rem;padding:1rem 0;display:flex;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.stack-row{will-change:transform;cursor:grab;-webkit-user-select:none;user-select:none;gap:1rem;width:max-content;display:flex}.stack-row:active{cursor:grabbing}.tc{text-align:center;cursor:none;background:var(--glass);border:1px solid var(--gb);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;flex-shrink:0;width:150px;padding:1.2rem 1rem;transition:border-color .3s,box-shadow .3s,transform .3s;position:relative;overflow:hidden}.tc:before{content:"";opacity:0;background:linear-gradient(135deg,#8b5cf614,#4f8ef714);border-radius:16px;transition:opacity .3s;position:absolute;inset:0}.tc:hover{border-color:#8b5cf666;transform:translateY(-4px)scale(1.04);box-shadow:0 12px 36px #6d28d933}.tc:hover:before{opacity:1}.tc-icon{margin-bottom:.6rem;font-size:1.9rem;display:block}.tc-name{letter-spacing:.1em;text-transform:uppercase;color:var(--white);margin-bottom:.5rem;font-family:JetBrains Mono,monospace;font-size:.62rem}.tc-bar{background:#ffffff0f;border-radius:2px;height:2px;overflow:hidden}.tc-fill{background:linear-gradient(90deg,var(--purple),var(--blue));border-radius:2px;width:0;height:100%}.proj-grid{grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:3rem;display:grid}.pc{background:var(--glass);border:1px solid var(--gb);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:none;will-change:transform;border-radius:20px;position:relative;overflow:hidden}.pc-bar{background:linear-gradient(90deg,var(--purple2),var(--blue2));transform-origin:0;height:2px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.pc:hover .pc-bar{transform:scaleX(1)}.pc-img{background:linear-gradient(135deg,#6d28d92e,#2563eb2e);justify-content:center;align-items:center;height:155px;display:flex}.pc-num{color:#8b5cf61a;font-family:Syne,sans-serif;font-size:5rem;font-weight:800;line-height:1;transition:color .35s}.pc:hover .pc-num{color:#8b5cf638}.pc-body{padding:1.4rem}.pc-tags{flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem;display:flex}.ptag{letter-spacing:.1em;text-transform:uppercase;color:#a5b4fc;background:#6366f11f;border:1px solid #6366f133;border-radius:100px;padding:.2rem .6rem;font-family:JetBrains Mono,monospace;font-size:.54rem}.pc-name{color:var(--white);margin-bottom:.45rem;font-family:Syne,sans-serif;font-size:1.1rem;font-weight:700}.pc-desc{color:var(--muted);margin-bottom:1.1rem;font-size:.85rem;line-height:1.65}.pc-footer{justify-content:space-between;align-items:center;display:flex}.pc-link{letter-spacing:.12em;text-transform:uppercase;color:var(--violet);align-items:center;gap:.4rem;font-family:JetBrains Mono,monospace;font-size:.6rem;text-decoration:none;transition:gap .25s;display:flex}.pc-link:hover{gap:.7rem}.pc-stars{color:var(--muted);font-size:.75rem}.proj-actions{justify-content:center;margin-top:3.5rem;display:flex}.btn-view-more{letter-spacing:.12em;text-transform:uppercase;color:var(--violet);cursor:none;background:#8b5cf61f;border:1px solid #8b5cf64d;border-radius:100px;padding:.9rem 2.2rem;font-family:JetBrains Mono,monospace;font-size:.7rem;transition:all .3s}.btn-view-more:hover{color:#e9d5ff;background:#8b5cf63d;border-color:#8b5cf699;transform:translateY(-2px)}.timeline{margin-top:3.5rem;padding-left:2.5rem;position:relative}.timeline:before{content:"";background:linear-gradient(#0000,#8b5cf661,#0000);width:1px;position:absolute;top:0;bottom:0;left:0}.tl{background:var(--glass);border:1px solid var(--gb);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:none;will-change:transform;border-radius:18px;margin-bottom:2.2rem;padding:1.8rem 2rem;transition:border-color .3s;position:relative}.tl:hover{border-color:#8b5cf638}.tl-dot{background:linear-gradient(135deg,var(--purple),var(--blue));border-radius:50%;width:11px;height:11px;position:absolute;top:1.9rem;left:-3.05rem;box-shadow:0 0 14px #8b5cf680}.tl-period{letter-spacing:.15em;text-transform:uppercase;color:var(--purple);margin-bottom:.35rem;font-family:JetBrains Mono,monospace;font-size:.6rem}.tl-role{color:var(--white);font-family:Syne,sans-serif;font-size:1.1rem;font-weight:700}.tl-co{color:var(--muted);margin:.2rem 0 .75rem;font-size:.85rem}.tl-desc{color:var(--muted);font-size:.9rem;line-height:1.65}#contact{text-align:center}.contact-inner{max-width:680px;margin:0 auto}.contact-inner .s-label{justify-content:center}.contact-sub{color:var(--muted);max-width:460px;margin:1.4rem auto 3rem;font-size:1rem}.contact-card{background:var(--glass);border:1px solid var(--gb);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:center;border-radius:24px;margin-bottom:2.4rem;padding:3rem 2rem;position:relative;overflow:hidden}.contact-card:before{content:"";width:6 0px;pointer-events:none;background:radial-gradient(circle,#8b5cf612,#0000);border-radius:50%;height:400px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.c-email{background:linear-gradient(135deg,#c4b5fd,#93c5fd);-webkit-text-fill-color:transparent;word-break:break-word;white-space:normal;word-wrap:break-word;-webkit-background-clip:text;background-clip:text;padding:0 1rem;font-family:Syne,sans-serif;font-size:clamp(1.1rem,3.8vw,1.8rem);font-weight:700;line-height:1.3;text-decoration:none;transition:filter .3s,transform .3s;display:block}.c-email:hover{filter:brightness(1.2);transform:scale(1.02)}.socials{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2.4rem;display:flex}.sp{justify-content:center;align-items:center;text-decoration:none;transition:all .25s;display:inline-flex}.sp-icon{background:var(--glass);border:1px solid var(--gb);-webkit-backdrop-filter:blur(14px);width:46px;height:46px;color:var(--muted);border-radius:14px;justify-content:center;align-items:center;transition:background .25s,border-color .25s,color .25s,transform .25s,box-shadow .25s;display:flex}.sp-icon:hover{color:var(--violet);background:#8b5cf621;border-color:#8b5cf661;transform:translateY(-3px)scale(1.08);box-shadow:0 10px 28px #6d28d92e}footer{z-index:2;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:1.8rem 5rem;display:flex;position:relative}footer p{letter-spacing:.1em;color:#c8beff38;font-family:JetBrains Mono,monospace;font-size:.6rem}#sp-island-wrap{z-index:600;pointer-events:none;justify-content:flex-end;display:flex;position:fixed;bottom:2rem;right:2rem}#spotify-widget{pointer-events:all;-webkit-backdrop-filter:blur(32px);cursor:none;will-change:width,height,border-radius;background:#000000e0;border:1px solid #1db95447;border-radius:100px;width:52px;height:52px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000008c,0 0 0 1px #1db9540f}#spotify-widget:hover{box-shadow:0 10px 40px #000000b3,0 0 22px #1db9542e}#sp-logo-pill{justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.sp-logo-svg{width:26px;height:26px}#sp-expanded{opacity:0;pointer-events:none;flex-direction:column;gap:.75rem;min-width:300px;padding:1.1rem 1.15rem .95rem;display:flex;position:absolute;inset:0}.sp-header{align-items:center;gap:.5rem;display:flex}.sp-close-btn{cursor:none;color:#c8beff8c;background:#ffffff12;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.72rem;line-height:1;transition:background .25s,border-color .25s,color .25s,transform .3s;display:flex}.sp-close-btn:hover{color:#ff6b6b;background:#ff50502e;border-color:#ff505066;transform:scale(1.12)rotate(90deg)}.sp-logo-sm{flex-shrink:0;width:16px;height:16px}.sp-now{letter-spacing:.16em;text-transform:uppercase;color:var(--sp-green);font-family:JetBrains Mono,monospace;font-size:.56rem}.sp-bars{align-items:flex-end;gap:2px;height:12px;margin-left:auto;display:flex}.sp-bar{background:var(--sp-green);transform-origin:bottom;border-radius:2px;width:3px}.sp-bar:first-child{animation:1.1s ease-in-out infinite spbar}.sp-bar:nth-child(2){animation:1.1s ease-in-out .18s infinite spbar}.sp-bar:nth-child(3){animation:1.1s ease-in-out .36s infinite spbar}.sp-bar:nth-child(4){animation:1.1s ease-in-out 90ms infinite spbar}.sp-bar:nth-child(5){animation:1.1s ease-in-out .27s infinite spbar}@keyframes spbar{0%,to{opacity:.45;height:3px}50%{opacity:1;height:12px}}.sp-track{align-items:center;gap:.85rem;display:flex}.sp-art{border-radius:10px;flex-shrink:0;width:48px;height:48px;position:relative;overflow:hidden}.sp-art-inner{transform-origin:50%;border-radius:10px;width:100%;height:100%;animation:9s linear infinite spinArt}.sp-art-ring{pointer-events:none;border:1px solid #1db9544d;border-radius:10px;position:absolute;inset:0;box-shadow:inset 0 0 10px #1db9541a}@keyframes spinArt{to{transform:rotate(360deg)}}.sp-info{flex:1;min-width:0}.sp-song{color:var(--white);white-space:nowrap;text-overflow:ellipsis;font-family:Syne,sans-serif;font-size:.88rem;font-weight:700;overflow:hidden}.sp-artist{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.1rem;font-size:.74rem;overflow:hidden}.sp-times{color:#c8beff52;justify-content:space-between;margin-bottom:.32rem;font-family:JetBrains Mono,monospace;font-size:.56rem;display:flex}.sp-track-bar{background:#ffffff17;border-radius:3px;height:3px;overflow:hidden}.sp-track-fill{background:var(--sp-green);border-radius:3px;width:0%;height:100%;transition:width .5s linear;box-shadow:0 0 7px #1db95473}.sp-controls{justify-content:center;align-items:center;gap:1.2rem;display:flex}.sp-ctrl{cursor:none;color:#c8beff61;background:0 0;border:none;padding:.2rem;font-size:.88rem;line-height:1;transition:color .2s,transform .2s}.sp-ctrl:hover{color:var(--white);transform:scale(1.18)}.sp-ctrl.play{color:var(--white);font-size:1.15rem}.sp-ctrl.play:hover{color:var(--sp-green)}.mag{display:inline-block}.gsap-hidden{opacity:0}@media (max-width:960px){nav,nav.scrolled{padding:1.2rem 2rem}#hero,section{padding-left:2rem;padding-right:2rem}.about-wrap{grid-template-columns:1fr;gap:3rem}.proj-grid{grid-template-columns:repeat(2,1fr)}footer{text-align:center;flex-direction:column;gap:.6rem;padding:1.5rem 2rem}#sp-island-wrap{bottom:1rem;right:1rem}}@media (max-width:640px){.nav-links{display:none}.proj-grid{grid-template-columns:1fr}#sp-island-wrap{bottom:1rem;right:1rem}}.avi-img{aspect-ratio:1;object-fit:cover;object-position:center;width:100%;height:100%;transform:scale(1.25)}.avi-wrapper{cursor:pointer;border-radius:50%;width:110px;height:110px;margin:0 auto;transition:transform .3s;overflow:hidden}.avi-wrapper:hover{transform:scale(1.06)}.modal-overlay{cursor:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{border-radius:50%;width:400px;height:400px;animation:.3s ease-out zoomIn;position:relative;overflow:hidden}.modal-image{object-fit:cover;object-position:center;width:100%;height:100%;transform:scale(1.25)}.modal-close{color:var(--white);cursor:pointer;z-index:1;background:0 0;border:none;padding:.5rem;font-size:1.8rem;transition:color .2s,transform .2s;position:absolute;top:-50px;right:0}.modal-close:hover{color:var(--violet);transform:scale(1.1)rotate(90deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:640px){.modal-close{color:var(--white);top:1rem;right:1rem}}.scroll-hint{opacity:1;align-items:center;gap:1.2rem;display:flex;position:absolute;right:5rem}.scroll-hint span{letter-spacing:.2em;text-transform:uppercase;color:#c8beff59;font-family:JetBrains Mono,monospace;font-size:1.4rem}.scroll-dot{border:2px solid #c8beff33;border-radius:100px;justify-content:center;align-items:flex-start;width:36px;height:58px;padding:8px;display:flex}.scroll-dot:after{content:"";background:var(--purple);border-radius:6px;width:8px;height:14px;animation:2s infinite sdrop}