:root{color-scheme:dark;--bg:#080b15;--fg:#edf3ff;--muted:#9caac3;--cyan:#4ee9ff;--pink:#ff4fa1}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}body{min-height:100vh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#152342 0%,#0a1021 42%,var(--bg) 80%);color:var(--fg)}body:before{content:"";position:fixed;inset:0;background:linear-gradient(transparent 97%,#ffffff06 100%);background-size:100% 5px;pointer-events:none;z-index:2}#stars{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.shell{position:relative;z-index:1;text-align:center;padding:28px;max-width:780px}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 15px;border:1px solid #4ee9ff4d;border-radius:999px;color:#b4edfa;font-size:12px;letter-spacing:3px;background:#101e32a8}.dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:pulse 1.7s infinite}.glitch{position:relative;font-size:clamp(120px,25vw,260px);line-height:1;font-weight:900;letter-spacing:-.09em;padding-right:.09em;margin:18px 0 5px;color:#e7f7ff;text-shadow:0 0 45px #4ee9ff50}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none}.glitch:before{color:var(--cyan);clip-path:inset(15% 0 70% 0);transform:translate(-5px,2px);animation:glitchA 4s infinite}.glitch:after{color:var(--pink);clip-path:inset(75% 0 8% 0);transform:translate(5px,-2px);animation:glitchB 3.2s infinite}h1{font-size:clamp(25px,4vw,38px);margin:10px 0 12px;letter-spacing:-.03em}p{font-size:16px;line-height:1.7;color:var(--muted);max-width:520px;margin:0 auto}.actions{display:flex;gap:12px;justify-content:center;margin-top:32px;flex-wrap:wrap}.actions a,.actions button{font:600 14px inherit;font-family:inherit;font-size:15px;font-weight:650;border-radius:12px;padding:15px 25px;cursor:pointer;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}.actions a:hover,.actions button:hover{transform:translateY(-3px)}.primary{color:#07101c;background:var(--cyan);box-shadow:0 8px 35px #4ee9ff30;border:1px solid var(--cyan)}.primary:hover{box-shadow:0 10px 45px #4ee9ff60}.secondary{color:#dce7fb;background:#ffffff0b;border:1px solid #ffffff30}.secondary:hover{background:#ffffff17}.terminal{margin:45px auto 0;max-width:400px;padding:14px 20px;text-align:left;background:#030712a8;border:1px solid #ffffff1a;border-radius:10px;color:#849bb7;font:13px ui-monospace,SFMono-Regular,Consolas,monospace}.prompt{color:var(--cyan)}.cursor{color:var(--cyan);animation:blink .8s steps(1) infinite}footer{position:fixed;bottom:22px;left:0;right:0;text-align:center;color:#586b89;font:11px ui-monospace,Consolas,monospace;letter-spacing:2px}footer span{margin:0 10px}@keyframes blink{50%{opacity:0}}@keyframes pulse{50%{opacity:.3;box-shadow:0 0 2px var(--cyan)}}@keyframes glitchA{0%,93%,100%{transform:translate(0)}94%{transform:translate(-7px,3px)}96%{transform:translate(4px,-2px)}}@keyframes glitchB{0%,89%,100%{transform:translate(0)}90%{transform:translate(6px,-3px)}92%{transform:translate(-4px,2px)}}@media(max-width:500px){.shell{padding:20px}.terminal{margin-top:30px}footer{font-size:9px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
