:root{font-family:Arial,Helvetica,sans-serif;color:#102637;background:#f1f6f7}*{box-sizing:border-box}body{margin:0}header{display:flex;gap:32px;align-items:center;background:white;border-bottom:1px solid #dae4e9;padding:24px 5vw}.brand-logo{display:block;width:200px;max-width:100%;height:auto;flex-shrink:0}header span{font-size:12px;color:#65798a}main{max-width:530px;margin:52px auto;padding:0 18px}.card{background:white;border:1px solid #d5e1e7;border-radius:18px;padding:32px;box-shadow:0 8px 30px #18394b08}small{color:#007d80;letter-spacing:1.6px;font-size:11px;font-weight:bold}h1{font-size:28px;line-height:1.15;margin:16px 0 26px}h2{font-size:18px}p{font-size:14px;line-height:1.6;color:#607487}label{display:block;font-size:13px;font-weight:bold;margin:20px 0 12px}input,select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #b8cbd4;border-radius:7px;font:inherit;font-weight:normal;background:#fff;color:#102637}input:focus,select:focus,button:focus-visible{outline:3px solid #80d2c5;outline-offset:2px}button{width:100%;border:0;border-radius:8px;background:#087d77;color:white;padding:13px 16px;margin-top:14px;cursor:pointer;font-size:14px;font-weight:bold}button.secondary{background:#e8f2f1;color:#07635e}button.text{width:auto;padding:8px 0;background:none;color:#087d77;text-align:left;font-weight:normal}button:disabled{opacity:.6;cursor:wait}#notice:empty{display:none}#notice{padding:12px;background:#eef6f4;border-radius:8px}#notice[data-error=true]{color:#9b2424;background:#fff1f1}#enrollment{padding:18px;background:#f7fafb;border-radius:10px;margin-top:20px}#qr{display:block;background:white;max-width:100%;height:auto;margin:auto}#secret{font-family:monospace;font-size:13px}.success{color:#087d77;font-weight:bold}.footnote{font-size:12px;text-align:center;margin:16px 12px}[hidden]{display:none!important}@media(max-width:560px){header{flex-direction:column;align-items:flex-start;gap:12px}.brand-logo{width:180px}main{margin-top:24px}.card{padding:24px}h1{font-size:25px}}