:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#102344;background:#f3f6fc}*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 15% 5%,#e7efff,transparent 38%),radial-gradient(circle at 95% 95%,#e9f6f1,transparent 35%),#f5f7fb}
.card{background:#fff;width:min(100%,460px);border:1px solid #e1e8f4;border-radius:24px;padding:30px;text-align:center;box-shadow:0 20px 60px #20355718}
.brand{display:flex;align-items:center;gap:11px;text-align:left;text-decoration:none;color:#122c51;border-bottom:1px solid #edf1f7;padding-bottom:21px}.brand:focus-visible,.support:focus-visible,#code:focus-visible{outline:3px solid #80aaff;outline-offset:3px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#1765e9;color:#fff;font-size:20px;font-weight:900}.brand strong{display:block;font-size:17px;line-height:1.15}.brand small{display:block;margin-top:3px;color:#657993;font-size:12px}.brand-arrow{margin-left:auto;color:#1765e9;font-size:22px}
.eyebrow{margin:25px 0 8px;font-weight:800;font-size:11px;letter-spacing:.14em;color:#2368d7}h1{font-size:clamp(24px,6vw,30px);line-height:1.2;letter-spacing:-.03em;margin:0}.intro{color:#64758f;font-size:14px;line-height:1.5;margin:10px auto 22px;max-width:330px}
.identity{text-align:left;border:1px solid #e5ebf5;border-radius:15px;padding:13px 16px;margin-bottom:17px;background:#fbfcff}.identity-label{display:block;font-size:10px;letter-spacing:.13em;font-weight:800;color:#71839e}.identity strong{display:block;font-size:16px;margin-top:5px;overflow-wrap:anywhere}#email{display:block;color:#62748d;font-size:13px;margin-top:2px;overflow-wrap:anywhere}#email:empty{display:none}
#live{background:#eef3ff;border:1px solid #e5ecff;padding:20px 12px 16px;border-radius:17px}.label{font-weight:800;font-size:11px;letter-spacing:.13em;color:#4165dd}#code{display:block;width:100%;border:0;border-radius:12px;background:transparent;color:#081f43;font-size:clamp(34px,10vw,49px);font-weight:850;letter-spacing:.14em;cursor:pointer;padding:15px 2px 6px;line-height:1.15;touch-action:manipulation}#code:hover{background:#e4ecff}#code:active{transform:scale(.99)}#timer{color:#315b9b;font-size:13px;font-weight:700}.hint{color:#617692;font-size:12px;margin:11px 0 0}#expires{color:#617692;font-size:12px;margin:17px 0 0}
.notice{border-radius:13px;background:#f4f8fc;color:#526781;font-size:12px;line-height:1.5;text-align:left;padding:12px 14px;margin:18px 0 0}.support{display:inline-flex;justify-content:center;align-items:center;width:100%;margin-top:17px;background:#1765e9;color:#fff;text-decoration:none;padding:13px 18px;border-radius:12px;font-size:14px;font-weight:750}.support:hover{background:#0e53c8}.error #live,.error #expires,.error .notice{display:none}
@media(max-width:480px){body{padding:12px}.card{padding:21px;border-radius:20px}}