:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#17233a;background:#f7f8fa;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:360px;padding:36px 28px;text-align:center;background:#fff;border:1px solid #e8ebef;border-radius:18px}h1{color:#153b82;font-size:30px;font-weight:800;font-style:italic;letter-spacing:-1px;margin:0 0 30px}.code{font-family:ui-monospace,Consolas,monospace;font-size:clamp(34px,10vw,46px);font-weight:600;letter-spacing:4px;white-space:nowrap;padding:12px 0;font-variant-numeric:tabular-nums}.expiry{margin:12px 0 28px;font-size:12px;color:#7a8494}progress{display:block;width:100%;height:4px;margin-top:14px;appearance:none;border:0;border-radius:4px;overflow:hidden;background:#edf0f5}progress::-webkit-progress-bar{background:#edf0f5}progress::-webkit-progress-value{background:#153b82}progress::-moz-progress-bar{background:#153b82}button{display:block;width:100%;padding:13px;border:0;border-radius:9px;background:#153b82;color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer}button:hover{background:#102e65}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:3px solid #a5bce9;outline-offset:3px}.secondary{background:transparent;color:#7a8494;font-size:12px;font-weight:400;margin-top:8px;padding:10px}.secondary:hover{background:#f7f8fa;color:#153b82}p{font-size:14px;line-height:1.6;color:#7a8494}#status{font-size:12px;color:#6c7584;margin:14px 0 0}#status:empty{display:none}@media(max-width:380px){main{padding:16px}.card{padding:28px 20px}}