.login-page{--login-safe-top:env(safe-area-inset-top,0px);grid-template-columns:1.05fr 1fr;min-height:100dvh;display:grid}.login-brand-panel{background:linear-gradient(150deg, var(--brand-800) 0%, var(--brand-700) 45%, var(--brand-500) 100%);color:#fff;padding:var(--sp-8);padding-top:calc(var(--sp-8) + var(--login-safe-top));flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.login-brand-panel:before,.login-brand-panel:after{content:"";pointer-events:none;background:#ffffff0f;border-radius:50%;position:absolute}.login-brand-panel:before{top:-140px;width:420px;height:420px;inset-inline-end:-120px}.login-brand-panel:after{bottom:-110px;background:#c2803a24;width:300px;height:300px;inset-inline-start:-90px}.login-brand-head{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.brand-mark.lg{border-radius:13px;width:46px;height:46px;font-size:21px}.login-brand-name{font-size:17px;font-weight:700}.login-pitch{z-index:1;max-width:420px;position:relative}.login-pitch h2{margin-bottom:var(--sp-3);font-size:30px;line-height:1.35}.login-pitch p{color:#fffc;margin:0 0 var(--sp-6);font-size:15px;line-height:1.8}.login-features{flex-direction:column;gap:13px;margin:0;padding:0;list-style:none;display:flex}.login-features li{color:#fffffff0;align-items:center;gap:11px;font-size:14.5px;display:flex}.lf-icon{background:#ffffff24;border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.login-panel-foot{z-index:1;color:#ffffff8c;font-size:12.5px;position:relative}.login-form-side{padding:var(--sp-6);padding-top:calc(var(--sp-6) + var(--login-safe-top));padding-bottom:calc(var(--sp-6) + env(safe-area-inset-bottom,0px));background:var(--bg);flex-direction:column;display:flex;position:relative}.login-top-actions{justify-content:flex-end;align-items:center;gap:var(--sp-2);display:flex}.login-top-actions .login-lang{position:static}.login-lang{top:calc(var(--sp-5) + var(--login-safe-top));position:absolute;inset-inline-end:var(--sp-5)}.login-card{width:100%;max-width:400px;padding:clamp(var(--sp-5), 2.5vw, var(--sp-8));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:auto}.login-mobile-mark{color:#fff;width:48px;height:48px;margin-bottom:var(--sp-4);border-radius:14px;font-size:22px;display:none}.login-card h1{margin-bottom:6px;font-size:25px}.login-sub{color:var(--text-muted);margin:0 0 var(--sp-6);font-size:14.5px}.login-card .alert.locked{background:var(--warning-light);color:var(--warning-text);border-color:color-mix(in srgb, var(--warning) 30%, transparent)}.phone-field{gap:var(--sp-2);display:flex}html[dir=rtl] .phone-field{flex-direction:row-reverse}.phone-field .phone-country{flex:none;width:auto}.phone-field input{font-variant-numeric:tabular-nums;letter-spacing:.02em;flex:1;min-width:0}.password-field{align-items:center;display:flex;position:relative}.password-field input{padding-left:46px}html[dir=ltr] .password-field input{padding-left:13px;padding-right:46px}.password-toggle{width:34px;height:34px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;place-items:center;display:grid;position:absolute;inset-inline-end:5px}.password-toggle:hover{background:var(--gray-100);color:var(--text)}.password-toggle:focus-visible{box-shadow:var(--ring);outline:none}.login-caps{color:var(--warning-text);align-items:center;gap:6px;margin:0;font-size:12.5px;display:flex}.login-forgot{align-self:flex-end;margin-inline-end:-9px}.login-forgot-help{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-muted);margin:0;font-size:12.5px;line-height:1.7}.login-submit{width:100%;margin-top:var(--sp-2);padding:12px;font-size:15.5px}.btn-spinner{border:2px solid color-mix(in srgb, currentColor 35%, transparent);border-top-color:currentColor;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite page-spin}@media (prefers-reduced-motion:reduce){.btn-spinner{animation-duration:1.8s}}.verification-code-input{text-align:center;letter-spacing:.16em;font-variant-numeric:tabular-nums;direction:ltr;font-size:20px}.login-code-note{color:var(--text-muted);margin:0;font-size:12.5px}.login-code-note.expired{color:var(--danger-text)}.login-foot{justify-content:center;align-items:center;gap:var(--sp-2);margin-top:var(--sp-5);color:var(--text-muted);flex-wrap:wrap;font-size:12px;display:flex}.login-foot-dot{opacity:.55;background:currentColor;border-radius:50%;width:3px;height:3px}.login-card input:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 40px var(--surface) inset;caret-color:var(--text)}.login-card input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 40px var(--surface) inset;caret-color:var(--text)}.login-card input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 40px var(--surface) inset;caret-color:var(--text)}.login-alt{margin-top:var(--sp-4);text-align:center;color:var(--muted);font-size:.925rem}.login-alt a{color:var(--brand-700);font-weight:600}:root[data-theme=dark] .login-card .btn.link:hover:not(:disabled){background:var(--gray-100)}@media (width<=900px){.login-page{grid-template-rows:auto 1fr;grid-template-columns:1fr}.login-brand-panel{gap:var(--sp-3);padding:var(--sp-5);padding-top:calc(var(--sp-5) + var(--login-safe-top))}.login-brand-panel:before{width:240px;height:240px;top:-150px}.login-brand-panel:after{display:none}.login-form-side{--login-safe-top:0px}.login-pitch{max-width:none}.login-pitch h2{margin-bottom:0;font-size:19px}.login-pitch p,.login-features,.login-panel-foot{display:none}.login-top-actions .btn,.login-lang,.login-forgot{min-height:44px}.password-toggle{width:44px;height:44px}.password-field input{padding-inline-end:52px}}@media (width<=600px){.login-page{grid-template-rows:1fr}.login-brand-panel{display:none}.login-form-side{--login-safe-top:env(safe-area-inset-top,0px)}.login-mobile-mark{background:linear-gradient(135deg, var(--brand-600), var(--brand-deeper));display:grid}.login-card{border-radius:var(--radius)}}@media (height<=620px){.login-card{margin-block:0}}