body{margin:0;font-family:Arial,sans-serif;background:#0b2b45;color:#fff;display:flex;justify-content:center;align-items:center;min-height:100vh}
.bg{position:fixed;inset:0;background:linear-gradient(135deg,#0b2b45,#1d4d6b,#0d1f2b);animation:a 12s infinite alternate;z-index:-1}
@keyframes a{from{filter:hue-rotate(0)}to{filter:hue-rotate(25deg)}}
.card{max-width:820px;width:92%;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);padding:35px;border-radius:20px;text-align:center}
.logo{width:150px}.progress{height:12px;background:#ddd;border-radius:10px;overflow:hidden}.bar{height:100%;width:92%;background:linear-gradient(90deg,#ff9933,#fff,#138808)}
button{margin:8px;padding:12px 18px;border:none;border-radius:8px;background:#1d74d6;color:#fff}button:disabled{opacity:.75}