:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edf5ff;background:#050913;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 95% 0,#112338 0,transparent 55%);min-height:100vh}main{max-width:760px;margin:auto;padding:48px 24px}.brand{color:white;letter-spacing:.15em;text-decoration:none;font-weight:800;font-size:18px}.eyebrow{color:#8fdcff;font-size:12px;font-weight:700;letter-spacing:.2em;margin-top:40px}h1{font-size:clamp(36px,7vw,58px);line-height:1.1;letter-spacing:-.03em;margin:20px 0}h2{font-size:24px;margin-top:0}h3{font-size:19px}p{line-height:1.65;color:#c0cddd}.intro{font-size:18px;max-width:620px}section{border:1px solid #293b51;background:#091321;padding:28px;border-radius:12px;margin:24px 0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}button{min-height:48px;padding:12px 20px;border:1px solid #8fdcff;background:#a6e5ff;color:#04121d;border-radius:6px;font:inherit;font-weight:700;cursor:pointer;touch-action:manipulation}.secondary{background:transparent;color:#ccecff;border-color:#45637d}.danger{color:#ffccd4;background:#29111b;border-color:#8f4b60;margin-top:16px}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a6e5ff;outline-offset:4px}.fine{font-size:13px}.consent{display:flex;gap:12px;align-items:flex-start;margin:20px 0;line-height:1.5}.consent input{width:22px;height:22px;flex-shrink:0;accent-color:#a6e5ff}.code{font-size:42px;font-variant-numeric:tabular-nums;letter-spacing:.22em;color:#a6e5ff;font-weight:700;margin:16px 0}#status{border-left:3px solid #8fdcff;padding:8px 16px;min-height:42px}#status.error{border-color:#ff8ca9;color:#ffbbcc}input:not([type=checkbox]){display:block;width:100%;padding:14px;border:1px solid #496078;background:#050913;color:white;border-radius:6px;font:inherit;margin-top:8px}summary{cursor:pointer;color:#ffbbcc;min-height:40px}footer{display:flex;flex-wrap:wrap;gap:20px;margin-top:40px;font-size:13px}footer a{color:#a6d9ef}footer p{flex-basis:100%;margin:0}[hidden]{display:none!important}@media(max-width:480px){main{padding:32px 18px}section{padding:22px 18px}.actions{flex-direction:column}button{width:100%}.code{font-size:34px}}