*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px;background:#f5f7fa;color:#243b53;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}main{width:min(100%,500px);padding:clamp(24px,5vw,40px);border:1px solid #d7e1eb;border-radius:18px;background:#fff;box-shadow:0 12px 36px #243b530d}.eyebrow{font-size:14px;color:#526b85}h1{font-size:26px;margin:10px 0 24px}form,label{display:grid;gap:10px}form{margin-top:24px;gap:20px}input,button{font:inherit;min-height:46px;border-radius:9px}input{width:100%;padding:10px 12px;border:1px solid #c5d4e3;background:#fff;color:#243b53}button{padding:10px 12px;border:1px solid #c5d4e3;background:#f4f7fa;color:#243b53;cursor:pointer;font-weight:650}.login-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.login-roles button{font-size:14px;white-space:nowrap;padding:10px 6px}.login-roles button[aria-pressed=true],button[type=submit]{background:#243b53;border-color:#243b53;color:#fff}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:3px solid #2d8c82;outline-offset:3px}#result{min-height:3em;line-height:1.6;font-size:14px;color:#78400a}.activation-note{font-size:14px;line-height:1.7;color:#526577}
main{width:min(100%,640px)} h1{margin-bottom:12px} h2{font-size:18px;margin:0 0 6px}
p,li{line-height:1.55} nav{display:grid;gap:12px;margin:24px 0}
nav section{display:flex;flex-direction:column;align-items:flex-start;padding:16px;border:1px solid #d7e1eb;border-radius:12px}
nav section p{margin:0 0 12px} nav a{padding:10px 14px;min-height:44px;display:inline-flex;align-items:center;
background:#243b53;color:#fff;border-radius:9px;text-decoration:none;font-weight:650}
ul{padding-inline-start:21px;margin-bottom:0} li+li{margin-top:8px}