*{margin:0;padding:0;box-sizing:border-box}
body{
font-family:Inter,Segoe UI,Arial,sans-serif;
background:#0f172a;
color:#fff;
display:flex;
justify-content:center;
align-items:center;
min-height:100vh;
overflow:hidden;
}
.bg{
position:fixed;
inset:0;
background:
radial-gradient(circle at top,#2563eb33,transparent 40%),
radial-gradient(circle at bottom,#ef444433,transparent 35%),
#0f172a;
}
.card{
position:relative;
z-index:2;
width:min(92%,720px);
padding:50px;
text-align:center;
background:rgba(255,255,255,.05);
backdrop-filter:blur(10px);
border:1px solid rgba(255,255,255,.1);
border-radius:22px;
box-shadow:0 20px 60px rgba(0,0,0,.45);
}
.badge{
display:inline-block;
padding:8px 16px;
background:#ef4444;
border-radius:999px;
font-weight:700;
margin-bottom:22px;
}
h1{
font-size:3rem;
margin-bottom:15px;
}
.lead{
font-size:1.3rem;
margin-bottom:18px;
}
.divider{
height:1px;
background:rgba(255,255,255,.12);
margin:32px 0;
}
.button{
display:inline-block;
margin-top:18px;
padding:14px 28px;
background:#2563eb;
color:#fff;
text-decoration:none;
border-radius:12px;
font-weight:700;
transition:.2s;
}
.button:hover{background:#1d4ed8}
.small{opacity:.75}
footer{
margin-top:40px;
opacity:.55;
font-size:.9rem;
}