/* Account surfaces share the graphite CallScribe design tokens. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.account-label{color:var(--secondary);font-size:12px}.role-badge{font-size:10px;letter-spacing:.5px;color:var(--lavender);border:1px solid #c7a5ff26;background:#c7a5ff0c;padding:6px 10px;border-radius:7px}
.login-page{background:radial-gradient(ellipse at 12% 65%,#8fb5ff09,transparent 55%),var(--bg)}
.login-layout{max-width:1160px;min-height:calc(100vh - 65px);padding:70px 40px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:100px;margin:auto}
.login-intro h1{font-size:43px;line-height:1.2;font-weight:730;letter-spacing:-1.5px;margin:22px 0}.login-intro>p{max-width:450px;color:var(--muted);font-size:15px;line-height:1.8}
.login-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:37px 34px;box-shadow:var(--shadow)}.login-card h2{font-size:25px;letter-spacing:-.6px;margin:0 0 24px}.login-description{font-size:13px;color:var(--muted);margin:0 0 29px}.login-card label{display:block;font-weight:600;font-size:12px;color:var(--secondary);margin:20px 0 8px}.login-card input{width:100%;padding:12px 13px;border:1px solid var(--border);border-radius:var(--r-field);background:var(--field);color:var(--text);outline-offset:2px}.login-card input::placeholder{color:var(--subtle)}.password-field{position:relative}.password-field input{padding-right:85px}.password-field button{position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:4px 5px;background:none;border:0;color:var(--muted);font-size:10px;cursor:pointer}.password-field button:hover{color:var(--text)}.login-submit{display:flex;width:auto;min-width:112px;margin:28px 0 0 auto;min-height:46px;justify-content:center}.login-footnote{margin:22px 0 0;font-size:10px;line-height:1.6;color:var(--subtle)}.login-card .error{font-size:12px;margin:17px 0 0;padding:10px}
@media(max-width:1100px){.login-layout{gap:45px}.login-intro h1{font-size:36px}}
@media(max-width:760px){.login-layout{grid-template-columns:1fr;max-width:480px;padding:40px 20px;gap:30px;min-height:0}.login-intro h1{font-size:30px;margin:15px 0}.login-intro>p{font-size:12px}.login-card{padding:27px 25px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}