:root{color-scheme:light;--wine:#7b294d;--ink:#22252d;--muted:#6f7480;--border:#e6dfd8}
*{box-sizing:border-box}body{margin:0;background:#f7f8f6;color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;letter-spacing:0}
.login-shell{width:min(100% - 40px,420px);margin:0 auto;padding:48px 0;min-height:100svh;display:flex;flex-direction:column;justify-content:center}
.login-brand{display:flex;align-items:center;gap:16px;margin:0 0 28px}.login-brand img{width:70px;height:70px;object-fit:contain;border:1px solid var(--border);border-radius:6px}.login-brand span{font:24px Georgia,serif;color:#68213f}
.login-panel{padding:32px;background:#fff;border:1px solid var(--border);border-top:3px solid var(--wine);border-radius:8px}.eyebrow{font-size:12px;color:var(--muted);margin:0 0 12px}h1{font:30px Georgia,serif;margin:0 0 28px}
label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}input,button{font:inherit}input{display:block;width:100%;height:48px;min-width:0;border:1px solid #c9c5c8;border-radius:5px;padding:0 12px;color:var(--ink);background:white;margin-bottom:20px}
.password-field{position:relative}.password-field input{padding-right:50px}.password-toggle{position:absolute;right:4px;top:4px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:4px;background:transparent;color:var(--muted)}.password-toggle svg{width:21px;height:21px}.password-toggle:hover{color:var(--wine);background:#fbf4f1}
button{cursor:pointer}input:focus-visible,button:focus-visible{outline:3px solid #b990a2;outline-offset:3px}.submit-button{width:100%;height:48px;border:0;border-radius:5px;background:var(--wine);color:white;font-size:14px;font-weight:600}.submit-button:hover{background:#68213f}.submit-button:disabled{opacity:.6;cursor:wait}
#challenge{min-height:65px;max-width:100%;margin-bottom:14px}#login-message{min-height:20px;font-size:13px;line-height:1.5;color:#9b2941;margin:0 0 14px;overflow-wrap:anywhere}.access-note{font-size:12px;line-height:1.7;color:var(--muted);margin:24px 0 0}footer{font-size:11px;color:var(--muted);margin-top:24px;text-align:center}
@media(max-width:380px){.login-panel{padding:24px 20px}.login-shell{width:calc(100% - 24px);padding:24px 0}.login-brand span{font-size:22px}}