*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#fff;color:#0f172a;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}
.hero{max-width:760px;text-align:center;padding:40px;position:relative;z-index:2;opacity:0;transform:translateY(20px) scale(.98);transition:1s}
.hero.show{opacity:1;transform:none}
.logo{width:260px;filter:drop-shadow(0 12px 28px rgba(15,23,42,.08));margin-bottom:30px}
h1{font-size:3.2rem;font-weight:800;line-height:1.1}
p{margin:22px auto;color:#64748b;font-size:1.15rem;line-height:1.8;max-width:620px}
.tags{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:28px 0}
.tags span{padding:10px 16px;border:1px solid #e2e8f0;border-radius:999px}
.launch{display:inline-block;margin:12px 0 28px;color:#475569}
.notify{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.notify input{padding:16px 18px;border:1px solid #d5dce5;border-radius:14px;min-width:320px;font-size:1rem}
.notify button{padding:16px 26px;background:#0f172a;color:#fff;border:none;border-radius:14px;font-weight:600;cursor:pointer;transition:.25s}
.notify button:hover{transform:translateY(-2px);box-shadow:0 15px 35px rgba(15,23,42,.2)}
.footer{margin-top:60px;color:#94a3b8;line-height:1.8}
.cursor-glow{position:fixed;width:650px;height:650px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(15,23,42,.08),transparent 70%);transform:translate(-50%,-50%);left:50%;top:50%;transition:left .15s linear,top .15s linear}
.scan{position:fixed;top:0;left:-20%;width:20%;height:100%;background:linear-gradient(90deg,transparent,rgba(15,23,42,.06),transparent);animation:scan 1.6s ease-out forwards}
@keyframes scan{to{left:120%}}
@media(max-width:700px){.logo{width:180px}h1{font-size:2.2rem}.notify input{min-width:100%}.notify{flex-direction:column}.hero{padding:24px}}