@import "https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:ital,wght@0,400;0,500;0,700;1,400&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#050505;overflow-x:hidden}:root{--bg:#050505;--surface:#111;--surface2:#1a1a1a;--border:#ffffff12;--border-hover:#ffffff26;--text:#f0f0f0;--muted:#888;--muted2:#555;--grad:linear-gradient(135deg, #3b82f6 0%, #a855f7 50%, #06b6d4 100%);--grad-x:linear-gradient(90deg, #3b82f6 0%, #a855f7 50%, #06b6d4 100%);--grad-glow:#6366f133;--font-display:"Geist", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-body:"Geist", sans-serif;--nav-h:68px}body{color:var(--text);font-family:var(--font-body);cursor:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:2px}main{min-height:calc(100vh - 77px)}#cursor,#cursor-ring{pointer-events:none;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}#cursor{background:var(--grad);z-index:9999;width:10px;height:10px;transition:transform .1s,width .2s,height .2s}#cursor-ring{z-index:9998;border:1px solid #a855f780;width:36px;height:36px;transition:transform .12s,width .2s,height .2s,border-color .2s}:is(body:has(a:hover) #cursor,body:has(button:hover) #cursor){width:16px;height:16px}:is(body:has(a:hover) #cursor-ring,body:has(button:hover) #cursor-ring){border-color:#06b6d480;width:52px;height:52px}nav{height:var(--nav-h);z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#050505b3;justify-content:space-between;align-items:center;padding:0 3rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{letter-spacing:-.02em;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:800}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a,.nav-cta{font-family:var(--font-mono);text-decoration:none}.nav-links a{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.8rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-cta{color:#a855f7;letter-spacing:.05em;border:1px solid #a855f7;border-radius:4px;padding:.45rem 1.1rem;font-size:.78rem;transition:all .2s}.nav-cta:hover{background:var(--grad);color:#fff;border-color:#0000}.nav-hamburger{cursor:pointer;background:0 0;border:0;flex-direction:column;gap:4px;padding:4px;display:none}.nav-hamburger span{background:var(--text);width:22px;height:1.5px}.nav-mobile-backdrop{z-index:1100;background:#00000073;position:fixed;inset:0}.nav-mobile{top:var(--nav-h);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1150;pointer-events:none;background:#050505fa;flex-direction:column;gap:2rem;width:min(320px,80vw);padding:2rem 1.5rem;transition:transform .25s;display:flex;position:fixed;bottom:0;right:0;transform:translate(110%)}.nav-mobile.open{pointer-events:auto;transform:translate(0)}.nav-mobile-close{color:var(--text);cursor:pointer;background:0 0;border:0;align-self:flex-end;font-size:1.7rem}.nav-mobile ul{flex-direction:column;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.nav-mobile a{font-family:var(--font-mono);color:var(--text);letter-spacing:.08em;text-transform:uppercase;font-size:1rem;text-decoration:none}.nav-mobile a.active,.nav-mobile a:hover{color:#a855f7}.nav-mobile-cta{align-self:flex-start}section{padding:7rem 3rem;position:relative}#hero{min-height:100vh;padding:calc(var(--nav-h) + 4rem) 3rem 4rem;flex-direction:column;justify-content:center;align-items:flex-start;display:flex;overflow:hidden}#hero-canvas{z-index:0;opacity:.85;width:100%;height:100%;position:absolute;inset:0}.hero-floats{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.float-code{font-family:var(--font-mono);color:#a855f747;white-space:nowrap;text-shadow:0 0 10px #a855f733;font-size:.68rem;animation:linear infinite floatCode;position:absolute}.glow-orb{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.hero-orb-left{background:#3b82f60f;width:500px;height:500px;top:-100px;left:-150px}.hero-orb-right{background:#a855f70d;width:400px;height:400px;bottom:-80px;right:-80px}.hero-content{z-index:2;max-width:820px;position:relative}.hero-badge{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#a855f7;background:#6366f114;border:1px solid #6366f159;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.8rem;padding:.35rem .9rem;font-size:.72rem;animation:.8s both fadeSlideUp;display:inline-flex}.badge-dot{background:var(--grad);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.hero-h1{letter-spacing:-.03em;margin-bottom:1.6rem;font-size:clamp(2.8rem,7vw,5.5rem);font-weight:800;line-height:1.03;animation:.9s .1s both fadeSlideUp}.line-blue,.line-purple,.section-label,.stat-num,.tl-year,.vision-manifesto em,.principle-num,.card-link{background:var(--grad-x);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--muted);max-width:560px;margin-bottom:2.5rem;font-size:clamp(.95rem,2vw,1.1rem);font-weight:300;line-height:1.7;animation:1s .2s both fadeSlideUp}.hero-actions{flex-wrap:wrap;gap:1rem;animation:1s .3s both fadeSlideUp;display:flex}.btn-primary,.btn-ghost{font-family:var(--font-mono);letter-spacing:.05em;cursor:none;border-radius:4px;padding:.75rem 1.8rem;font-size:.82rem;text-decoration:none}.btn-primary{background:var(--grad);color:#fff;font-weight:700}.btn-ghost{color:var(--muted);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);border-color:#ffffff4d}.stats-bar{z-index:2;border-top:1px solid var(--border);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111c;grid-template-columns:repeat(5,1fr);animation:1s .5s both fadeSlideUp;display:grid;position:relative}.stat-item{border-right:1px solid var(--border);text-align:center;padding:1.5rem 2rem}.stat-item:last-child{border:0}.stat-num{letter-spacing:-.03em;font-size:2rem;font-weight:800;line-height:1}.stat-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:.35rem;font-size:.65rem}.section-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.75rem;font-size:.72rem}.section-title{letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.1}.section-sub{color:var(--muted);max-width:560px;margin-bottom:3.5rem;font-size:1rem;font-weight:300;line-height:1.7}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(32px)}.reveal.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.15s}#about,#vision{background:var(--surface)}.about-inner,.vision-inner{max-width:1100px;margin:auto}.about-inner{grid-template-columns:1fr 1.2fr;gap:6rem;display:grid}.about-copy,.contact-copy{color:var(--muted);font-size:.9rem;font-weight:300;line-height:1.8}.about-tags{flex-wrap:wrap;gap:.5rem;margin-top:2rem;display:flex}.tag{font-family:var(--font-mono);letter-spacing:.06em;background:var(--surface2);border:1px solid var(--border);color:var(--muted);border-radius:3px;padding:.35rem .8rem;font-size:.72rem}.timeline{padding-left:1.5rem;position:relative}.timeline:before{content:"";background:linear-gradient(#3b82f6,#a855f7,#06b6d4,#0000);width:1px;position:absolute;top:8px;bottom:8px;left:0}.tl-item{padding:0 0 2.2rem 1.5rem;position:relative}.tl-item:before{content:"";background:var(--bg);border:1.5px solid #a855f7;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;left:-1.5rem}.tl-year{font-family:var(--font-mono);letter-spacing:.1em;margin-bottom:.25rem;font-size:.68rem}.tl-heading{margin-bottom:.3rem;font-size:.95rem;font-weight:700}.tl-desc{color:var(--muted);font-size:.85rem;line-height:1.6}#projects{background:var(--bg)}.projects-inner{max-width:1200px;margin:auto}.filter-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:3rem;display:flex}.filter-tab{font-family:var(--font-mono);letter-spacing:.06em;border:1px solid var(--border);color:var(--muted);cursor:none;background:0 0;border-radius:100px;padding:.4rem 1rem;font-size:.72rem}.filter-tab.active,.filter-tab:hover{color:#a855f7;border-color:#a855f7}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);cursor:none;border-radius:8px;transition:transform .3s,border-color .3s,box-shadow .3s;overflow:hidden}.project-card:hover{border-color:#a855f766;transform:translateY(-6px);box-shadow:0 20px 60px #0006,0 0 30px #6366f11a}.card-preview{background:var(--surface2);height:180px;position:relative;overflow:hidden}.card-preview img{object-fit:cover;width:100%;height:100%;display:block}.card-body{padding:1.3rem}.card-cats,.card-stack{flex-wrap:wrap;gap:.4rem;display:flex}.card-cats{margin-bottom:.75rem}.cat-badge,.stack-pill{font-family:var(--font-mono);border:1px solid var(--border);font-size:.62rem}.cat-badge{letter-spacing:.08em;text-transform:uppercase;background:var(--surface2);color:var(--muted);border-radius:3px;padding:.2rem .6rem}.cat-badge.blue,.cat-badge.purple,.cat-badge.cyan{color:#a855f7}.card-title{margin-bottom:.5rem;font-size:1.05rem}.card-desc{color:var(--muted);margin-bottom:1rem;font-size:.83rem;line-height:1.6}.stack-pill{color:var(--muted2);background:var(--bg);border-radius:2px;padding:.2rem .5rem}.card-links{border-top:1px solid var(--border);gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.card-link{font-family:var(--font-mono);letter-spacing:.06em;font-size:.7rem;text-decoration:none}.vision-grid{grid-template-columns:1fr 1fr;gap:5rem;display:grid}.vision-manifesto{letter-spacing:-.02em;color:#f0f0f0d9;font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:600;line-height:1.5}.principles{margin-top:3rem}.principle-item{border-bottom:1px solid var(--border);gap:1rem;padding:1rem 0;display:flex}.principle-num{font-family:var(--font-mono);min-width:24px;font-size:.68rem}.principle-text{font-size:.95rem;font-weight:600}.vision-right{flex-direction:row;gap:2rem;display:flex}@media (width<=900px){.vision-grid{grid-template-columns:1fr}.vision-right{flex-direction:column}}.interest-label{margin-bottom:1rem}.interest-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.interest-card,.roadmap{border:1px solid var(--border);border-radius:6px}.interest-card{background:var(--surface2);padding:1.1rem}.interest-icon{margin-bottom:.5rem;font-size:1.4rem}.interest-name{margin-bottom:.2rem;font-size:.9rem;font-weight:700}.interest-sub{color:var(--muted);font-size:.75rem}.roadmap{background:var(--bg);margin-top:1rem;padding:1.5rem}.roadmap-title{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:1.2rem;font-size:.7rem}.roadmap-step{border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:.75rem 0;display:flex}.roadmap-step:last-child{border:0}.step-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.step-dot.active{background:var(--grad);box-shadow:0 0 8px #6366f199}.step-dot.future{background:#a855f726;border:1px solid #a855f7}.step-dot.distant{border:1px solid var(--muted2)}.step-label{font-size:.85rem;font-weight:600}.step-sublabel{font-family:var(--font-mono);color:var(--muted);margin-left:auto;font-size:.72rem}#contact{background:var(--bg)}.contact-inner{max-width:900px;margin:auto}.contact-grid{grid-template-columns:1fr 1.4fr;gap:4rem;display:grid}.contact-copy{margin-bottom:1.5rem;font-size:.85rem}.contact-socials{flex-direction:column;gap:.8rem;margin-top:2.5rem;display:flex}.social-link{font-family:var(--font-mono);color:var(--muted);border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 0;font-size:.8rem;text-decoration:none;display:flex}.social-icon{width:20px;font-size:1rem}.glass-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);background:#111c;border-radius:12px;padding:2rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.form-field{margin-bottom:1rem}.form-field label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem;font-size:.68rem;display:block}.form-field input,.form-field textarea{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-body);border-radius:4px;outline:0;padding:.65rem .85rem;font-size:.85rem}.form-field input:focus,.form-field textarea:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71f}.form-field textarea{resize:vertical;min-height:110px}.form-submit{background:var(--grad);color:#fff;width:100%;font-family:var(--font-mono);letter-spacing:.08em;cursor:none;border:0;border-radius:4px;padding:.85rem;font-size:.82rem;font-weight:700}.success-msg{text-align:center;font-family:var(--font-mono);color:#a855f7;padding:1.5rem;font-size:.85rem;animation:.5s both fadeSlideUp}.success-msg span{color:var(--muted);font-size:.75rem}footer{background:var(--surface);border-top:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.05em;color:var(--muted);justify-content:space-between;align-items:center;padding:2rem 3rem;font-size:.7rem;display:flex}footer a{color:var(--muted);text-decoration:none}@keyframes pulse{50%{opacity:.3}}@keyframes floatCode{0%{opacity:0;transform:translateY(110vh)}10%,90%{opacity:1}to{opacity:0;transform:translateY(-20vh)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){nav{padding:0 1.5rem}.nav-links,.nav-cta{display:none}.nav-hamburger{display:flex}section{padding:5rem 1.5rem}#hero{padding:calc(var(--nav-h) + 2rem) 1.5rem 2rem}.about-inner,.vision-grid,.contact-grid{grid-template-columns:1fr;gap:3rem}.contact-grid{gap:2rem}.stats-bar{grid-template-columns:repeat(3,1fr)}.stat-item:nth-child(4),.stat-item:nth-child(5){border-top:1px solid var(--border)}.form-row{grid-template-columns:1fr}footer{text-align:center;flex-direction:column;gap:.75rem}}@media (width<=600px){.stats-bar{grid-template-columns:1fr 1fr}.projects-grid,.interest-grid{grid-template-columns:1fr}body{cursor:auto}#cursor,#cursor-ring{display:none}}