:root{font:15px/1.5 Arial,Helvetica,sans-serif;color:#202a39;background:#f4f6fa;--brand:#002994;--accent:#ff3b61}*{box-sizing:border-box}body{margin:0;border-top:4px solid var(--accent)}.access-shell{width:min(100% - 36px,440px);margin:clamp(30px,8vh,80px) auto}.access-brand{display:flex;align-items:center;gap:20px;margin:0 0 28px 4px}.access-brand img{width:105px;height:66px;object-fit:contain}.access-brand>span{font-size:28px;font-weight:700;color:var(--brand);border-left:1px solid #dfe4ed;padding-left:20px}.access-brand>span>span{color:var(--accent)}.access-brand small{display:block;font-size:12px;font-weight:400;color:#657285;margin-top:3px}.access-card{padding:30px;background:white;border:1px solid #e1e5ec;border-radius:12px;box-shadow:0 8px 30px #1529500a}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.4px;color:var(--brand)}h1{font-size:26px;margin:8px 0 10px;line-height:1.25}p{color:#657285;margin:10px 0 20px}form{display:grid;gap:17px;margin-top:24px}label{display:grid;gap:6px;font-size:13px;color:#415574}input,button{font:inherit;border-radius:6px;min-height:44px;padding:10px 12px}input{border:1px solid #dfe5ee;width:100%;color:#202a39}input:focus-visible,button:focus-visible{outline:3px solid #95baff;outline-offset:2px}button{background:var(--brand);color:white;border:0;cursor:pointer;font-weight:600}button:disabled{opacity:.55;cursor:wait}.hint,.access-note{font-size:12px;line-height:1.7}.hint{margin:0}#error{color:#aa2840;font-size:13px;margin:0}#status{font-size:13px;margin-bottom:0}.access-note{text-align:center;margin-top:24px}[hidden]{display:none!important}@media(max-width:480px){.access-card{padding:24px}.access-shell{margin-top:28px}h1{font-size:23px}}
#logout{background:#f3f6fb;color:#002994;border:1px solid #dfe5ee}
