*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins}
body{
    min-height:100vh;
    background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
}
.container{text-align:center;max-width:650px;padding:40px}
h1{font-size:48px}
h1 span{color:#00d9ff}
p{opacity:.9;margin:20px 0}
.countdown{display:flex;gap:15px;justify-content:center;margin:30px 0}
.countdown div{
    background:rgba(255,255,255,.1);
    padding:15px;
    border-radius:10px;
    min-width:90px;
}
input{
    padding:14px;
    width:260px;
    border-radius:6px;
    border:none;
}
button{
    padding:14px 22px;
    background:#00d9ff;
    border:none;
    border-radius:6px;
    font-weight:600;
    cursor:pointer;
}
footer{margin-top:25px;font-size:13px;opacity:.7}

/* Animations */
.fade-in{animation:fade 1.5s}
.slide-up{animation:slide 1.2s}
.zoom-in{animation:zoom 1.2s}

@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes slide{from{opacity:0;transform:translateY(30px)}to{opacity:1}}
@keyframes zoom{from{transform:scale(.7)}to{transform:scale(1)}}