*{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:linear-gradient(135deg,#0b0b0b,#1d1d1d);
overflow:hidden;color:#fff}
.bg{
position:fixed;inset:0;
background:radial-gradient(circle at 20% 20%,rgba(255,77,109,.15),transparent 30%),
radial-gradient(circle at 80% 70%,rgba(255,215,0,.15),transparent 30%);
animation:move 8s infinite alternate}
@keyframes move{to{transform:scale(1.2) rotate(8deg)}}
.card{
position:relative;
width:min(90%,650px);
padding:32px;
background:rgba(255,255,255,.08);
backdrop-filter:blur(12px);
border-radius:20px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,.5)}
h1{font-size:clamp(2rem,5vw,3.5rem)}
p{margin:20px 0;font-size:1.1rem;min-height:2em}
button{padding:14px 22px;border:none;border-radius:999px;background:#ff4d6d;color:#fff;cursor:pointer;font-size:1rem}
button:hover{transform:scale(1.05)}
.hidden{display:none;margin-top:20px}
.confetti{font-size:2rem;animation:pop .7s infinite alternate}
@keyframes pop{to{transform:translateY(-8px)}}