*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;min-height:100vh;display:flex;justify-content:center;align-items:center;background:#07111f;color:#fff;overflow:hidden}
.bg{position:fixed;inset:0;background:linear-gradient(-45deg,#0f172a,#1d4ed8,#0ea5e9,#111827);background-size:400% 400%;animation:g 12s ease infinite}
@keyframes g{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}
.card{position:relative;z-index:1;width:min(92%,760px);padding:40px;border-radius:24px;background:rgba(255,255,255,.08);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.badge{display:inline-block;padding:10px 18px;background:#ef4444;border-radius:30px;font-weight:bold;margin-bottom:20px}
h1{margin-bottom:15px;font-size:2.2rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.grid div{padding:18px;background:rgba(255,255,255,.08);border-radius:16px}.btn{display:inline-block;margin:10px 0;padding:16px 28px;background:#22c55e;color:#fff;text-decoration:none;border-radius:50px;font-weight:bold;transition:.3s}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(34,197,94,.5)}.features{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:30px;color:#dbeafe}footer{margin-top:30px;color:#cbd5e1}@media(max-width:600px){.grid{grid-template-columns:1fr}h1{font-size:1.7rem}}