:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{color:#fafafa;background:#090a0c;min-height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.clockPage{background:radial-gradient(circle at 75% 10%,#5c193d66,#0000 32rem),#090a0c;place-content:center;min-height:100vh;padding:24px;display:grid}.clockCard{background:#141519;border:1px solid #34343c;border-top:4px solid #fa298e;width:min(100%,520px);padding:clamp(24px,5vw,46px);box-shadow:0 24px 90px #0008}.eyebrow{color:#ff77b4;letter-spacing:.2em;font-size:11px;font-weight:800}.clockCard h1{letter-spacing:-.06em;margin:25px 0;font-size:clamp(46px,10vw,72px);line-height:.88}.clockCard h1 span{color:#fa298e}.intro,.fineprint{color:#aeb0bb;line-height:1.5}.intro{margin-bottom:30px;font-size:16px}.clockCard label{text-transform:uppercase;letter-spacing:.14em;margin-bottom:9px;font-size:11px;font-weight:800;display:block}.clockCard input{color:#fff;letter-spacing:.35em;background:#090a0c;border:1px solid #5c5d67;border-radius:8px;outline-color:#fa298e;width:100%;padding:16px;font-size:26px}.actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.actions button{color:#180612;cursor:pointer;background:#fa298e;border:1px solid #fa298e;border-radius:8px;padding:17px 12px;font-weight:900}.actions .secondary{color:#fff;background:0 0}.actions button:disabled{opacity:.5;cursor:not-allowed}.notice{border-radius:8px;padding:15px;line-height:1.45}.success{background:#123a2a;border:1px solid #2d8560}.error{background:#45202c;border:1px solid #b4556e}.fineprint{margin:26px 0 0;font-size:12px}.clockPage footer{text-align:center;letter-spacing:.26em;color:#81818a;margin-top:25px;font-size:11px;font-weight:800}@media (max-width:420px){.actions{grid-template-columns:1fr}.clockCard{padding:24px}}