body{
margin:0;
display:flex;
justify-content:center;
align-items:center;
height:100vh;
font-family:Poppins,Arial,sans-serif;
background:linear-gradient(135deg,#0f172a,#312e81);
color:#fff;
overflow:hidden;
}
.card{
width:min(90%,420px);
background:rgba(255,255,255,.12);
backdrop-filter:blur(14px);
padding:35px;
border-radius:22px;
box-shadow:0 10px 35px rgba(0,0,0,.35);
text-align:center;
animation:fade .8s;
}
button{
margin-top:25px;
padding:12px 22px;
border:none;
border-radius:30px;
background:#ff4f81;
color:#fff;
font-size:16px;
cursor:pointer;
}
@keyframes fade{
from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}