/* Focused sign-in layout; shared by login, verification and recovery states. */
:root{--bg:#15161a;--text:#f1eee9;--muted:#adaab6;--red:#4d90fe;--red-hover:#3079ed;--line:#ffffff14;--line-strong:#ffffff27}
html,body{background:var(--bg);color:var(--text)}
.page{display:block;min-height:100svh;direction:rtl}.brand-side{display:none}
.auth-side{min-height:100svh;background:none;padding:48px 24px;align-items:center}
.auth-shell{width:min(100%,410px);display:flex;flex-direction:column}
.mobile-brand{display:flex;justify-content:center;margin:0 0 24px;gap:12px}.mobile-brand img{width:62px;height:62px;filter:none}.mobile-brand strong{display:none}
.login-kicker{text-align:center;letter-spacing:1.2px;font-size:13px;color:var(--muted);margin-bottom:12px}
h1{color:var(--text);text-align:center;font-size:36px;font-weight:500;line-height:1.5;letter-spacing:-.8px}
.login-description{text-align:center;color:var(--muted);font-size:14px;line-height:1.9;margin:12px 0 30px}
.account-line{order:10;justify-content:center;margin:24px 0 0;padding:0;border:0;font-size:13px;color:var(--muted)}.account-line a{color:var(--red)}
.google-button{background:#222329;color:var(--text);border-color:var(--line-strong);border-radius:10px;font-size:14px;min-height:50px}.google-button:hover{background:#2b2c33;border-color:#62606a}
.divider{color:var(--muted);font-size:12px;margin:22px 0}.divider:before,.divider:after{background:var(--line)}
label{color:var(--text);font-size:13px;font-weight:500}.forgot{color:var(--muted);font-size:12px}.forgot:hover{color:var(--red)}
input[type=email],input[type=password],input[type=text]{background:#1d1e24;color:var(--text);border:1px solid var(--line-strong);border-radius:10px;min-height:50px;font-size:16px}input::placeholder{color:#82808c}input:focus{background:#22232a;border-color:var(--red);box-shadow:0 0 0 3px #cf243818}
.primary-button{background:var(--red);box-shadow:none;border-radius:10px;font-size:14px;min-height:50px}.primary-button:hover{box-shadow:none}.remember{color:var(--muted)}.remember input{border-color:var(--line-strong)}
.legal{color:var(--muted);font-size:11px;margin-top:22px}.legal a{color:#ccc7d1}.mobile-signature{display:none}.password-toggle{color:var(--muted)}.password-toggle:hover{color:var(--text);background:#ffffff08}
.feedback{color:#ffb6c2;background:#cf243815;border-radius:8px;font-size:13px}.feedback.success{color:#a0d3b1;background:#31674520}.field-note{color:var(--muted)}.system-banner{color:#ffb6c2}.form-group{margin-bottom:18px}
button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:4px}
@media(max-width:540px){.auth-side{padding:32px 22px;align-items:flex-start}.auth-shell{margin:auto}.mobile-brand{margin-bottom:16px}.mobile-brand img{width:52px;height:52px}h1{font-size:30px}.login-description{margin-bottom:24px}.account-line{flex-wrap:wrap}}
@media(prefers-reduced-motion:no-preference){.auth-shell{animation:auth-arrive .3s ease-out}@keyframes auth-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}