:root{font-family:Inter,Noto Sans Thai,system-ui,sans-serif;color:#20303a;background:#f5f7f7}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{border:1px solid #174a50;border-radius:.65rem;background:#174a50;color:#fff;padding:.68rem 1rem;min-height:44px;cursor:pointer;font-weight:650}button:hover:not(:disabled){background:#0c353a}button:disabled{opacity:.5;cursor:not-allowed}button.secondary,.text-button{background:#fff;color:#174a50}button.secondary:hover:not(:disabled),.text-button:hover:not(:disabled){background:#ecf5f3}input,select{width:100%;min-height:44px;border:1px solid #a8b8ba;border-radius:.55rem;background:#fff;color:#20303a;padding:.55rem .75rem}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid #d99d3d;outline-offset:2px}label{display:grid;gap:.35rem;font-size:.9rem;font-weight:650}form{display:grid;gap:1rem}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.7rem,4vw,2.6rem);letter-spacing:-.04em}h2{font-size:1.4rem}h3{font-size:1.1rem}.shell{min-height:100vh;display:flex;flex-direction:column}.masthead{background:#102f34;color:#fff;padding:1rem max(1.25rem,(100vw - 1160px) / 2);display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-size:1.25rem;font-weight:750;letter-spacing:-.035em}.brand small{display:inline-block;color:#bdd7d4;font-weight:500;font-size:.7em;margin-left:.3rem;letter-spacing:0}.header-actions{display:flex;flex-wrap:wrap;justify-content:end;gap:.5rem}main{flex:1;width:min(100% - 2rem,1160px);margin:2.5rem auto 4rem}.narrow{width:min(100%,470px);margin:6vh auto}.eyebrow{text-transform:uppercase;color:#b07526;letter-spacing:.14em;font-weight:800;font-size:.72rem}.muted{color:#546669}.card{background:#fff;border:1px solid #dce5e3;border-radius:1.25rem;padding:clamp(1.2rem,3vw,2rem);box-shadow:0 12px 40px #123c4010;margin:0 0 1.25rem}.card.narrow form{margin-top:2rem}.heading,.section-head,.mail-head{display:flex;justify-content:space-between;align-items:start;gap:1rem}.heading{margin-bottom:1.5rem}.identity,.status{background:#e9f3f0;color:#174a50;border-radius:99px;padding:.4rem .8rem;font-size:.8rem;font-weight:700;overflow-wrap:anywhere}.mail-card{border-top:1px solid #e3eae8;padding:1.5rem 0}.mail-head p{margin:0;color:#546669}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:1rem;margin:1.4rem 0}.facts dt{color:#607174;font-size:.78rem}.facts dd{margin:.2rem 0 0;overflow-wrap:anywhere;font-weight:600}.actions,.row-form{display:flex;flex-wrap:wrap;align-items:end;gap:.65rem}.row-form{margin-top:1rem}.row-form label{min-width:min(100%,240px);flex:1}.grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.security-field{display:grid;gap:.35rem;font-size:.9rem;font-weight:650}.security-options{display:flex;gap:.35rem}.security-option{flex:1;min-width:0;padding:.5rem .35rem;background:#fff;color:#174a50;font-size:.85rem}.security-option:hover:not(:disabled){background:#ecf5f3}.security-option.selected,.security-option.selected:hover:not(:disabled){background:#174a50;color:#fff}.form-actions{align-self:end}.alert{border:1px solid #9bc4b9;background:#eaf6f0;color:#245249;border-radius:.7rem;padding:.85rem 1rem}.alert-error{border-color:#dfabaa;background:#fff0ef;color:#8d2d2b}.step-up{border-color:#d6b777;background:#fffaf0}.password-card{border-color:#bfd2ce}.qr{display:block;width:220px;max-width:100%;margin:1rem auto}.manual-key,.codes{overflow-wrap:anywhere;background:#edf4f2;padding:1rem;border-radius:.5rem}footer{text-align:center;color:#687b7e;font-size:.8rem;padding:2rem 1rem}@media(max-width:620px){main{width:min(100% - 1rem,1160px);margin-top:1rem}.heading,.section-head,.mail-head{flex-direction:column}.actions button{flex:1 1 145px}.narrow{margin:2rem auto}}