:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#22221f;background:#f4f3ef;color-scheme:light;--accent:#c22424;--border:#c8c8c1;--muted:#696960}
*{box-sizing:border-box}body{margin:0;min-height:100svh;padding:max(40px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom));display:flex;align-items:flex-start;justify-content:center}
.card{width:100%;max-width:420px;padding:28px 24px 20px;border:1px solid #e6e5df;border-top:3px solid var(--accent);border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(26,26,24,.04)}
.brand{display:flex;align-items:center;gap:10px;color:#22221f;text-decoration:none;font-size:20px;font-weight:650;margin-bottom:28px}.brand img{flex-shrink:0}h1{font-size:23px;line-height:1.3;font-weight:650;margin:0 0 8px}p{overflow-wrap:anywhere;font-size:16px;line-height:1.5;margin:0 0 24px}label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}
input{width:100%;min-height:54px;padding:12px;border:1px solid var(--border);border-radius:8px;font:inherit;font-size:16px;background:#fff;color:inherit}input:focus{outline:2px solid var(--accent);outline-offset:2px}#code{font-size:28px;letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums}
button,.secondary{width:100%;min-height:48px;padding:12px 16px;border:0;border-radius:8px;font:inherit;font-size:16px;font-weight:600;text-align:center;text-decoration:none;cursor:pointer}button{margin-top:16px;background:var(--accent);color:#fff}button:hover{background:#a81e1e}button:disabled{background:#e6e5df;color:var(--muted);cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #22221f;outline-offset:3px}
.secondary{display:flex;justify-content:center;align-items:center;color:#22221f;background:#f4f3ef;border:1px solid #d7d7cf}.secondary:hover{background:#e7e6e0}.hint{font-size:14px;color:var(--muted);margin:10px 0 0}.error{font-size:14px;color:#a81e1e;margin:12px 0 0}.error:empty,.hint:empty{display:none}.code-actions{display:flex;gap:8px;flex-wrap:wrap}.text-button{flex:1 1 auto;width:auto;min-height:44px;padding:8px 4px;font-size:14px;background:transparent;color:#a81e1e;margin-top:8px}.text-button:hover{background:#fdeeee}.text-button:disabled{background:transparent;color:var(--muted)}
.divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--muted);font-size:14px}.divider::before,.divider::after{content:'';height:1px;background:#e6e5df;flex:1}.footer{text-align:center;font-size:14px;color:var(--muted);margin:24px 0 0}.footer a,.privacy{color:#a81e1e}.privacy{display:block;text-align:center;font-size:12px;margin-top:20px}[hidden]{display:none!important}
@media(max-width:350px){.card{padding-left:16px;padding-right:16px}h1{font-size:22px}}