.login-layout{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--page-background)}.login-layout--illustrated{background-position:50%;background-size:cover;background-repeat:no-repeat}.login-card{width:100%;max-width:404px;padding:32px 30px;border-radius:22px;box-shadow:0 24px 56px rgba(23,60,102,.16),var(--shadow-raised)}.login-brand .brand-logo{justify-content:center;gap:11px;margin-bottom:6px}.login-brand .brand-logo-image{height:38px}.login-brand .brand-logo-text{font-size:28px;color:var(--text-primary)}.login-brand .brand-logo-text span{color:var(--brand)}.login-brand{text-align:center;margin-bottom:22px}.login-brand .brand-caption{font:600 10px/1 var(--font-monospace);letter-spacing:.18em;color:var(--brand);text-transform:uppercase}.login-brand h1{margin:8px 0 5px;font:700 30px/1 var(--font-heading);color:var(--text-primary);letter-spacing:-.035em}.login-brand h1 span{color:var(--brand)}.login-brand p{margin:0;font-size:12.5px;color:var(--text-secondary)}.login-form .form-field{margin-bottom:15px}.login-form label{display:block;font:600 11px var(--font-monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:7px}.login-form input{width:100%;padding:12px 14px;border:1px solid var(--border-surface);border-radius:12px;font:inherit;background:linear-gradient(180deg,#e7ecf4,#f8fafd);color:var(--text-primary);box-shadow:var(--shadow-inset);transition:border-color var(--transition-fast) var(--easing-standard),box-shadow var(--transition-fast) var(--easing-standard)}.login-form input:hover{border-color:rgba(14,122,143,.22)}.login-form input:focus{border-color:rgba(14,122,143,.45);outline:none;box-shadow:var(--shadow-inset),var(--focus-ring)}.login-password{position:relative}.login-form .login-password input{padding-right:54px}.login-password input::-ms-reveal{display:none}.login-password-toggle{position:absolute;top:2px;right:4px;bottom:2px;width:44px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer}.login-password-toggle:focus-visible,.login-password-toggle:hover{color:var(--brand);background:var(--brand-soft)}@media (max-width:640px){.login-layout--illustrated{background-position:bottom;background-size:auto 320px}.login-form input{font-size:16px}}@media print{.login-card{background:#fff!important;box-shadow:none!important;border-color:#bfbfbf!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}