*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Inter,sans-serif;background:#050816;color:#fff;height:100vh;overflow:hidden;display:grid;place-items:center}
.bg{position:fixed;inset:0;background:radial-gradient(circle at top,#18213f,#050816 60%)}
.card{position:relative;z-index:2;width:min(92%,760px);padding:48px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);backdrop-filter:blur(18px);border-radius:28px;box-shadow:0 20px 60px rgba(0,0,0,.45)}
.tag{color:#69d2ff;letter-spacing:.15em;text-transform:uppercase;font-size:.8rem}
h1{font-size:clamp(3rem,8vw,5.4rem);line-height:.95;margin:16px 0;font-weight:800}
h2{font-size:1.4rem;color:#d6d6d6;min-height:2rem}
.desc{margin-top:22px;color:#b8c2d1;line-height:1.8;font-size:1.05rem}
.buttons{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}
.buttons a{text-decoration:none;color:#fff;padding:14px 22px;border-radius:14px;border:1px solid rgba(255,255,255,.15);transition:.3s;background:rgba(255,255,255,.05)}
.buttons a:hover{transform:translateY(-3px);background:#00c8ff;color:#04111f}
.status{margin-top:38px;display:flex;align-items:center;gap:10px;color:#9ad7aa}
.dot{width:10px;height:10px;background:#2cff67;border-radius:50%;box-shadow:0 0 18px #2cff67}
.cursor{animation:blink 1s infinite}
@keyframes blink{50%{opacity:0}}
.orb{position:fixed;border-radius:50%;filter:blur(60px);opacity:.35;animation:float 8s ease-in-out infinite}
.o1{width:280px;height:280px;background:#00c8ff;top:-60px;left:-40px}
.o2{width:320px;height:320px;background:#7b4dff;bottom:-80px;right:-50px;animation-delay:2s}
@keyframes float{50%{transform:translateY(40px) translateX(20px)}}