:root{font-family:system-ui,sans-serif;color:#e7eef7;background:#101b28;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:880px;margin:48px auto;padding:0 24px}.brand{color:#6ad6c6;letter-spacing:.15em;font-size:12px;font-weight:700}h1{font-size:32px;margin-bottom:8px}header p,form p,#roles{color:#afbdd0}section{background:#192a3c;border:1px solid #31465d;border-radius:16px;padding:28px;margin-top:24px}form{max-width:440px;margin:auto}label{display:block;margin:18px 0;font-size:14px}input,select{display:block;width:100%;margin-top:8px;padding:12px;background:#0f1d2c;color:inherit;border:1px solid #66819c;border-radius:8px;font:inherit}button{padding:12px 22px;border:0;border-radius:8px;background:#71dfcd;color:#102b32;font:inherit;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.secondary{background:#30465e;color:#eef4ff}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a7edff;outline-offset:3px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}#message{color:#ffd69d;min-height:24px}ul{padding:0;list-style:none}li{padding:16px 0;border-bottom:1px solid #31465d;white-space:pre-line;line-height:1.6}[hidden]{display:none!important}@media(max-width:540px){main{margin:24px auto;padding:0 16px}section{padding:20px}.toolbar{align-items:flex-start;flex-wrap:wrap}h1{font-size:26px}}