*{box-sizing:border-box}body{margin:0;background:#eef3f8;color:#1d2937;font:16px/1.55 system-ui,Arial}main{width:min(700px,calc(100% - 30px));margin:30px auto}header{margin-bottom:22px;color:#10243a}header b{display:block;font-size:26px}header small{letter-spacing:1.4px;color:#64748b}.hero,.card{background:white;border:1px solid #dce5ed;border-radius:18px;padding:25px;margin-bottom:16px;box-shadow:0 8px 25px #10243a0b}.hero{background:#10243a;color:white}.hero p{color:#d5e2ee}.hero h1,.card h1{font-size:clamp(27px,5vw,36px);line-height:1.2;margin:8px 0}.hero small,.card>small{font-weight:800;letter-spacing:1.3px;color:#2680c2}.hero small{color:#9fd3ff}.card a:not(.button){display:block;background:#1769aa;color:white;text-decoration:none;padding:13px;border-radius:9px;margin:9px 0}.details{background:#f5f8fb;border-radius:12px;padding:10px 16px;margin:18px 0}.details p{margin:9px 0}.timer{background:#fff3d8;padding:16px;border-radius:12px;text-align:center}.timer strong{font-size:30px;margin:0 8px;color:#8a5b00}.hint{font-size:13px;color:#64748b}button,.button{display:block;width:100%;text-align:center;border:0;border-radius:9px;background:#1769aa;color:white;padding:13px;text-decoration:none;font-weight:700;margin-top:14px;cursor:pointer}.warning{border-top:6px solid #e0a12b}.isolated{border-top:6px solid #b83e38}footer{text-align:center;color:#64748b;font-size:13px;margin:20px}footer a{color:#1769aa}