:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18282b;background:#f6f7f5;line-height:1.6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,footer{max-width:1120px;margin:auto;padding:26px 28px;display:flex;justify-content:space-between;align-items:center;gap:24px}a{color:#165d63}header a{text-decoration:none}.brand{font-size:26px;letter-spacing:.12em;font-weight:800;color:#143e42}.brand span{display:block;font-size:10px;letter-spacing:.2em}main{max-width:850px;margin:14px auto 55px;padding:42px 48px;background:#fff;border:1px solid #e1e7e4;border-radius:18px;box-shadow:0 12px 36px #183a3310}.eyebrow{font-size:11px;letter-spacing:.14em;color:#54706c;font-weight:750;margin:0 0 8px}h1{font-size:36px;line-height:1.2;letter-spacing:-.03em;margin:0 0 15px}h2{font-size:23px;line-height:1.35;margin:18px 0 14px}.intro{max-width:610px;color:#536664;margin-top:0}.steps{padding:0;margin:27px 0;display:flex;gap:12px;list-style:none;font-size:13px}.steps li{flex:1;border-top:3px solid #dbe4e1;padding-top:9px;color:#586b68}.steps [aria-current]{border-color:#20716b;font-weight:750;color:#15534f}label{display:block;font-size:15px;font-weight:650;margin:14px 0 6px}input:not([type=radio]):not([type=checkbox]){display:block;width:100%;font:inherit;padding:12px 14px;border:1px solid #94aaa5;border-radius:7px;min-height:48px;color:#142b28;background:#fff}input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #dfaa48;outline-offset:3px}.names{display:grid;grid-template-columns:1fr 1fr;gap:20px}fieldset{border:0;padding:0;margin:26px 0 0}legend{font-size:20px;font-weight:750;margin-bottom:10px}.choice{display:flex;gap:14px;border:1px solid #cddad6;border-radius:10px;padding:18px;margin:10px 0;cursor:pointer}.choice:has(input:checked){border:2px solid #23736c;background:#f2faf6;padding:17px}.choice input{width:19px;height:19px;margin:5px 0;flex-shrink:0;accent-color:#1b675f}.choice strong{display:block}.choice small{display:block;font-weight:400;color:#526461;margin-top:5px;font-size:14px}.choice em{font-style:normal;font-size:11px;background:#e2efe8;color:#265b48;padding:4px 8px;border-radius:20px;margin-left:10px}button,.button{display:inline-block;border:0;border-radius:8px;padding:13px 20px;font:inherit;font-weight:700;background:#155d58;color:#fff;text-decoration:none;cursor:pointer;margin-top:16px;min-height:48px}.secondary{background:#e8f0ed;color:#1d5147}button:disabled{cursor:default;opacity:.5}.actions{display:flex;flex-wrap:wrap;gap:12px}.note{font-size:13px;color:#62736f}.success,.error{padding:12px 16px;border-radius:8px;margin:16px 0}.success{background:#edf7f0;color:#1c5535}.error{background:#fff0ee;color:#8e2520}#status:empty{display:none}details{margin-top:24px}summary{cursor:pointer;color:#155d58;font-weight:650}#qr{max-width:100%;height:auto}footer{font-size:13px;color:#667570}footer nav{display:flex;gap:22px}[hidden]{display:none!important}@media(max-width:650px){header,footer{padding:20px;font-size:13px}.brand{font-size:21px}main{margin:8px 12px 28px;padding:26px 20px;border-radius:12px}h1{font-size:30px}.steps{font-size:11px;gap:8px}.names{grid-template-columns:1fr;gap:0}footer{align-items:flex-start;flex-direction:column;gap:12px}button,.button{width:100%;text-align:center}.actions{display:block}}

#codes-list{width:100%;font:14px/1.8 ui-monospace,monospace;padding:12px;border:1px solid #94aaa5;border-radius:7px;resize:vertical;white-space:pre;overflow:auto}#codes-list:focus-visible{outline:3px solid #dfaa48;outline-offset:3px}#recovery-codes-area{border-top:1px solid #dbe4e1;margin-top:24px;padding-top:10px}
