*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#003692,#071b42);font-family:Arial,sans-serif;color:#fff}.card{width:min(850px,100%);padding:64px 35px;text-align:center;background:#ffffff12;border:1px solid #ffffff30;border-radius:24px;box-shadow:0 20px 60px #0003;backdrop-filter:blur(8px)}.eyebrow{color:#ff9d70;font-size:13px;font-weight:bold;letter-spacing:3px}h1{font-size:clamp(30px,5vw,58px);margin:15px 0}#subtitle{color:#d6e4ff;font-size:18px}.timer{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:45px}.timer div{padding:22px 10px;background:#fff;border-radius:14px;color:#003692}.timer strong{display:block;font-size:clamp(32px,6vw,64px);line-height:1}.timer span{display:block;margin-top:10px;color:#64748b;font-size:13px;font-weight:bold;text-transform:uppercase}.finished{color:#ffb18e;font-size:20px;font-weight:bold}@media(max-width:550px){.card{padding:42px 18px}.timer{gap:7px}.timer div{padding:17px 4px}.timer span{font-size:10px}}