:root{--bg: #05070d;--bg-2: #0a0f1c;--line: rgba(120, 200, 255, .12);--text: #e6edf7;--dim: #7d8aa3;--cyan: #38e8ff;--violet: #a878ff;--pink: #ff4fd8;--mono: "JetBrains Mono", ui-monospace, monospace;--sans: "Space Grotesk", system-ui, sans-serif;--max: 1120px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}.mono{font-family:var(--mono)}.dim{color:var(--dim)}#bg{position:fixed;inset:0;z-index:-2;opacity:.8}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(var(--line) 1px,transparent 1px) 0 0 / 64px 64px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0 / 64px 64px;mask-image:radial-gradient(ellipse at 50% 30%,black 20%,transparent 75%);opacity:.35}.glow{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(500px circle at var(--x, 50%) var(--y, 30%),rgba(56,232,255,.07),transparent 60%)}.nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;max-width:var(--max);margin:0 auto;padding:20px 24px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.logo{font-family:var(--mono);font-weight:600;font-size:1.1rem}.bracket{color:var(--cyan)}.nav nav{display:flex;gap:28px;font-family:var(--mono);font-size:.85rem}.nav nav a{color:var(--dim);transition:color .2s}.nav nav a:hover{color:var(--cyan)}main{max-width:var(--max);margin:0 auto;padding:0 24px}.hero{min-height:calc(100vh - 80px);display:flex;flex-direction:column;justify-content:center;gap:24px}.hero.hero-compact{min-height:auto;padding:11vh 0 56px}.status{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:.8rem;color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:6px 14px;width:fit-content;background:#0a0f1c99}.pulse{width:8px;height:8px;border-radius:50%;background:#3dff9a;box-shadow:0 0 #3dff9a99;animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px #3dff9a00}to{box-shadow:0 0 #3dff9a00}}.hero h1{font-size:clamp(2.8rem,9vw,6.5rem);line-height:.95;font-weight:700;letter-spacing:-.03em}.gradient{background:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink),var(--cyan));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shift 8s linear infinite}@keyframes shift{to{background-position:300% 0}}.role{font-family:var(--mono);font-size:clamp(1rem,2.4vw,1.3rem);color:var(--dim)}.role .prompt{color:var(--cyan)}.role [data-rotate]{color:var(--text)}.cursor{display:inline-block;width:.6ch;background:var(--cyan);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.hero p.lead{max-width:560px;color:var(--dim);font-size:1.1rem}.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}.btn{font-family:var(--mono);font-size:.9rem;padding:12px 22px;border-radius:10px;border:1px solid var(--line);transition:transform .2s,box-shadow .2s,border-color .2s}.btn:hover{transform:translateY(-2px);border-color:var(--cyan);box-shadow:0 0 24px #38e8ff40}.btn.primary{background:var(--cyan);color:var(--bg);border-color:var(--cyan);font-weight:600}.scroll-hint{font-family:var(--mono);font-size:.75rem;color:var(--dim);margin-top:40px;display:flex;align-items:center;gap:10px}.scroll-hint:before{content:"";width:1px;height:36px;background:linear-gradient(var(--cyan),transparent);animation:drop 2s ease-in-out infinite}@keyframes drop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}section{padding:100px 0}.label{font-family:var(--mono);font-size:.8rem;color:var(--cyan);letter-spacing:.15em;text-transform:uppercase;margin-bottom:14px}h2{font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.02em;margin-bottom:40px;line-height:1.1}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}.card{--hue: 190;position:relative;display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:16px;background:#0a0f1cbf;border:1px solid var(--line);overflow:hidden;transition:transform .25s ease,border-color .25s;transform-style:preserve-3d}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--mx, 50%) var(--my, 0%),hsla(var(--hue),100%,60%,.16),transparent 50%);opacity:0;transition:opacity .3s}.card:hover{border-color:hsla(var(--hue),100%,60%,.5)}.card:hover:before{opacity:1}.card>*{position:relative}.card-top{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.75rem;color:var(--dim)}.badge{display:inline-flex;align-items:center;gap:6px}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:hsl(var(--hue),100%,60%);box-shadow:0 0 8px hsl(var(--hue),100%,60%)}.card h3{font-size:1.5rem;letter-spacing:-.01em}.card p{color:var(--dim)}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.tag{font-family:var(--mono);font-size:.72rem;padding:4px 10px;border-radius:6px;border:1px solid var(--line);color:var(--dim)}.arrow{font-family:var(--mono);color:hsl(var(--hue),100%,65%);transition:transform .2s}.card:hover .arrow{transform:translate(6px)}.about{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.about p{color:var(--dim);font-size:1.1rem;margin-bottom:16px}.terminal{font-family:var(--mono);font-size:.85rem;border:1px solid var(--line);border-radius:12px;background:#05070dd9;overflow:hidden}.terminal .bar{display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid var(--line)}.terminal .bar span{width:10px;height:10px;border-radius:50%;background:#2a3247}.terminal pre{padding:18px;line-height:1.9;white-space:pre-wrap}.terminal .k{color:var(--cyan)}.terminal .s{color:var(--violet)}.contact{text-align:center}.contact h2{margin-bottom:20px}.contact .cta{justify-content:center}.footer{max-width:var(--max);margin:0 auto;padding:40px 24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.8rem;border-top:1px solid var(--line)}.detail{padding-top:60px;min-height:70vh}.detail .back{font-family:var(--mono);font-size:.85rem;color:var(--dim)}.detail .back:hover{color:var(--cyan)}.detail h1{font-size:clamp(2.4rem,7vw,4.5rem);letter-spacing:-.03em;margin:24px 0 12px;line-height:1}.detail .tagline{font-size:1.3rem;color:var(--dim);margin-bottom:32px}.detail .meta{display:flex;gap:24px;flex-wrap:wrap;font-family:var(--mono);font-size:.8rem;color:var(--dim);padding:18px 0;border-block:1px solid var(--line);margin-bottom:32px}.detail .meta b{color:var(--text);font-weight:400}.detail .body{max-width:720px;font-size:1.1rem;color:#c5cfdf}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}.grid .reveal:nth-child(2){transition-delay:.1s}.grid .reveal:nth-child(3){transition-delay:.2s}.grid .reveal:nth-child(4){transition-delay:.3s}@media(max-width:760px){.nav nav{gap:16px}.about{grid-template-columns:1fr}section{padding:70px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}