:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#f7f9fc;color:#050a18}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:#f7f9fc}
.login-shell{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:24px}
.login-card{width:min(100%,460px);padding:38px 32px 30px;border:1px solid #dfe6ef;border-radius:24px;background:#fff;box-shadow:0 24px 70px rgba(5,10,24,.09)}
.login-brand{display:grid;justify-items:center;gap:8px;margin-bottom:30px;text-align:center}
.connect-icon{width:124px;height:auto;margin-bottom:2px;color:#ed1c24}
.login-brand strong{color:#ed1c24;font-family:ui-rounded,"Arial Rounded MT Bold",Inter,ui-sans-serif,system-ui,sans-serif;font-size:3rem;font-weight:800;line-height:1;letter-spacing:-.035em}
.login-brand small{color:#101d35;font-size:.88rem;font-weight:750;line-height:1.4;letter-spacing:.32em;padding-left:.32em}
form{display:grid;gap:22px}
label,.password-field{display:grid;gap:9px;font-size:.95rem;color:#64728c}
input{width:100%;min-width:0;height:54px;border:1px solid #d9e2ef;border-radius:13px;background:#edf2f8;color:#050a18;padding:14px 16px;font:inherit;outline:none}
input::placeholder{color:#64728c;opacity:1}
input:focus{border-color:#ed1c24;box-shadow:0 0 0 3px rgba(237,28,36,.13)}
.password-input{position:relative}
.password-input input{padding-right:56px}
button{font-family:inherit;cursor:pointer}
#loginButton{height:52px;border:0;border-radius:13px;padding:14px;background:#ed1c24;color:#fff;font-size:1rem;font-weight:600;box-shadow:0 8px 20px rgba(237,28,36,.2)}
#loginButton:hover{background:#d9161e}
#loginButton:disabled{opacity:.65;cursor:wait}
.password-toggle{position:absolute;right:6px;top:5px;display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;border-radius:9px;background:transparent;color:#455c80}
.password-toggle:hover{background:rgba(69,92,128,.08)}
.password-toggle svg{width:23px;height:23px}
.password-toggle .eye-slash{display:none}
.password-toggle[aria-pressed="true"] .eye-slash{display:block}
button:focus-visible{outline:3px solid #455c80;outline-offset:3px}
.login-error{min-height:18px;margin:-8px 0 -10px;color:#bd171d;font-size:.9rem;overflow-wrap:anywhere}
@media(max-width:480px){.login-shell{padding:20px}.login-card{padding:30px 24px 26px;border-radius:22px}.login-brand{margin-bottom:28px}.login-brand strong{font-size:2.75rem}.connect-icon{width:112px}}