*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;background:#07101c;color:#fff;display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden}
.bg{position:fixed;inset:0;background:
radial-gradient(circle at top,#133d69,#07101c 70%)}
.bg:before{content:'';position:absolute;inset:0;background-image:
linear-gradient(rgba(0,255,180,.05) 1px,transparent 1px),
linear-gradient(90deg,rgba(0,255,180,.05) 1px,transparent 1px);
background-size:42px 42px;animation:grid 15s linear infinite}
@keyframes grid{to{transform:translateY(42px)}}
.card{width:92%;max-width:390px;background:rgba(19,32,55,.88);padding:28px;border-radius:24px;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);box-shadow:0 0 35px rgba(0,255,120,.18)}
.logo{display:block;width:110px;height:110px;border-radius:50%;margin:0 auto 15px;border:3px solid #27ff9b}
h1{text-align:center;font-size:44px}
.sub{text-align:center;color:#8bd4ff;margin:8px 0 22px}
.feature{font-size:20px;padding:10px 0}
.btn{display:block;margin:22px 0;background:#2ee36b;color:#fff;text-decoration:none;text-align:center;padding:18px;border-radius:16px;font-size:28px;font-weight:bold;box-shadow:0 0 25px #2ee36b;animation:pulse 1.4s infinite}
@keyframes pulse{50%{transform:scale(1.02);box-shadow:0 0 45px #2ee36b}}
.count,.foot{text-align:center}.count{margin-top:10px;color:#d6e8ff}.foot{margin-top:18px;color:#9cb2c7;font-size:13px}