.auth-page{--auth-page-accent:var(--auth-accent);--auth-page-accent-soft:var(--auth-accent-soft);--auth-page-accent-glow:var(--auth-accent-glow);--auth-page-mesh-1:var(--auth-bg-mesh-1);--auth-page-mesh-2:var(--auth-bg-mesh-2);--auth-page-mesh-3:var(--auth-bg-mesh-3);--auth-page-toggle-active:var(--auth-toggle-active-bg);--auth-page-toggle-shadow:var(--auth-toggle-active-shadow);--auth-page-submit-bg:linear-gradient(135deg,#6366f1,#4f46e5);--auth-page-submit-shadow:0 3px 14px rgba(99,102,241,.4);--auth-page-submit-shadow-hover:0 8px 22px rgba(99,102,241,.5);--auth-page-focus-ring:rgba(99,102,241,.2);--auth-page-input-focus-border:rgba(99,102,241,.55);position:relative;min-height:100dvh;display:flex;align-items:safe center;justify-content:center;background:var(--auth-bg-base);isolation:isolate;overflow-x:hidden;overflow-y:auto}.auth-page[data-auth-mode=kid]{--auth-page-accent:#34d399;--auth-page-accent-soft:rgba(52,211,153,.22);--auth-page-accent-glow:rgba(52,211,153,.36);--auth-page-mesh-1:rgba(52,211,153,.2);--auth-page-mesh-2:rgba(251,191,36,.12);--auth-page-mesh-3:rgba(99,102,241,.1);--auth-page-toggle-active:linear-gradient(135deg,rgba(16,185,129,.92),rgba(5,150,105,.88));--auth-page-toggle-shadow:0 4px 16px rgba(16,185,129,.32);--auth-page-submit-bg:linear-gradient(135deg,#10b981,#059669);--auth-page-submit-shadow:0 3px 14px rgba(16,185,129,.38);--auth-page-submit-shadow-hover:0 8px 22px rgba(16,185,129,.48);--auth-page-focus-ring:rgba(52,211,153,.22);--auth-page-input-focus-border:rgba(52,211,153,.55);--auth-brand-panel-border:rgba(52,211,153,.2);--auth-brand-panel-bg:linear-gradient(145deg,rgba(6,24,20,.94),rgba(8,32,28,.82) 48%,rgba(10,22,30,.92))}.auth-page__mesh{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 85% 55% at 8% -8%,var(--auth-page-mesh-1),transparent 58%),radial-gradient(ellipse 70% 50% at 92% 4%,var(--auth-page-mesh-2),transparent 52%),radial-gradient(ellipse 55% 45% at 50% 105%,var(--auth-page-mesh-3),transparent 62%),radial-gradient(ellipse 42% 38% at 72% 48%,color-mix(in srgb,var(--auth-page-accent) 12%,transparent),transparent 68%);transition:background .45s var(--portal-ease,ease)}.auth-page__mesh:after{content:"";position:absolute;inset:0;opacity:.42;background-image:radial-gradient(hsla(0,0%,100%,.04) 1px,transparent 0),radial-gradient(hsla(0,0%,100%,.025) 1px,transparent 0);background-size:32px 32px,48px 48px;background-position:0 0,16px 16px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.35) 55%,transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.35) 55%,transparent)}@media (prefers-reduced-motion:no-preference){.auth-page__mesh{animation:auth-mesh-shift 20s ease-in-out infinite}}@keyframes auth-mesh-shift{0%,to{opacity:1;transform:scale(1)}50%{opacity:.94;transform:scale(1.015)}}.auth-page__grid{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:0 auto}.auth-page--split .auth-page__grid{min-height:100dvh}.auth-page--centered .auth-page__grid{width:min(440px,92vw);min-height:auto;padding:clamp(48px,8vh,72px) 0 clamp(28px,4vh,40px)}@media (min-width:900px){.auth-page--split .auth-page__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);width:min(1080px,100%);align-items:stretch}}.auth-page__brand{display:none;position:relative;flex-direction:column;justify-content:center;padding:clamp(32px,5vw,56px);border-right:1px solid var(--auth-brand-panel-border);background:var(--auth-brand-panel-bg);overflow:hidden;transition:background .45s ease,border-color .45s ease}@media (min-width:900px){.auth-page--split .auth-page__brand{display:flex}}.auth-page__brand-glow{width:min(420px,70%);background:radial-gradient(closest-side,var(--auth-page-accent-soft),transparent 72%);top:12%;left:-8%;filter:blur(24px);opacity:.85}.auth-page__brand-glow,.auth-page__brand-orbit{position:absolute;aspect-ratio:1;border-radius:50%;pointer-events:none}.auth-page__brand-orbit{right:-12%;bottom:8%;width:min(280px,55%);border:1px solid color-mix(in srgb,var(--auth-page-accent) 28%,transparent);opacity:.55}.auth-page__brand-orbit:before{content:"";position:absolute;inset:18%;border-radius:50%;border:1px dashed color-mix(in srgb,var(--auth-page-accent) 22%,transparent)}.auth-page__brand-inner{position:relative;max-width:400px}.auth-page__logo,.auth-page__mobile-logo{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:22px;background:linear-gradient(135deg,var(--auth-page-accent),color-mix(in srgb,var(--auth-page-accent) 70%,#312e81));box-shadow:0 12px 36px var(--auth-page-accent-soft);transition:background .45s ease,box-shadow .45s ease}.auth-page__mobile-logo{width:52px;height:52px;border-radius:16px;margin:0 auto 12px;box-shadow:0 8px 30px var(--auth-page-accent-soft)}@media (prefers-reduced-motion:no-preference){.auth-page__logo,.auth-page__mobile-logo{animation:auth-logo-breathe 5.5s ease-in-out infinite}}@keyframes auth-logo-breathe{0%,to{box-shadow:0 12px 36px var(--auth-page-accent-soft);transform:translateY(0)}50%{box-shadow:0 16px 42px var(--auth-page-accent-glow);transform:translateY(-2px)}}.auth-page__brand-kicker{margin:0 0 8px;font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--auth-page-accent) 72%,#cbd5e1)}.auth-page__brand-title{margin:0 0 12px;font-size:clamp(36px,5vw,48px);font-weight:900;letter-spacing:-.035em;line-height:1.05;color:var(--text)}.auth-page__brand-tagline{margin:0;font-size:16px;line-height:1.55;color:var(--text-secondary);max-width:28ch}.auth-page__brand-visual{position:relative;margin-top:40px;width:120px;height:120px}.auth-page__brand-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--auth-page-accent) 35%,transparent)}.auth-page__brand-ring--2{inset:18px;border-style:dashed;opacity:.7}.auth-page__brand-dot{position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--auth-page-accent);box-shadow:0 0 24px var(--auth-page-accent-glow)}@media (prefers-reduced-motion:no-preference){.auth-page__brand-ring{animation:auth-ring-spin 28s linear infinite}.auth-page__brand-ring--2{animation:auth-ring-spin 18s linear infinite reverse}}@keyframes auth-ring-spin{to{transform:rotate(1turn)}}.auth-page__form-col{display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,4vw,48px) clamp(20px,4vw,40px);position:relative}.auth-page__lang{position:absolute;top:clamp(16px,3vw,24px);right:clamp(16px,3vw,24px);z-index:2}.auth-page__mobile-brand{text-align:center;margin-bottom:22px}@media (min-width:900px){.auth-page--split .auth-page__mobile-brand{display:none}}.auth-page--centered .auth-page__mobile-brand{display:block}.auth-page__mobile-title{margin:0 0 4px;font-size:26px;font-weight:900;letter-spacing:-.03em;color:var(--text)}.auth-page__mobile-tagline{margin:0;font-size:13px;color:var(--text-secondary)}.auth-page__mode-toggle{display:flex;gap:4px;padding:4px;margin-bottom:16px;border-radius:14px;background:var(--auth-toggle-bg);border:1px solid var(--auth-toggle-border)}.auth-page__mode-btn{flex:1 1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border:none;border-radius:10px;cursor:pointer;font-size:13px;font-weight:650;color:var(--text-secondary);background:transparent;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.auth-page__mode-icon{display:inline-flex;flex-shrink:0;opacity:.85}.auth-page__mode-label{line-height:1.2;text-align:left}.auth-page__mode-btn:hover{color:var(--text)}.auth-page__mode-btn:focus-visible{outline:2px solid var(--auth-page-accent);outline-offset:2px}.auth-page__mode-btn[aria-selected=true]{color:#fff;background:var(--auth-page-toggle-active);box-shadow:var(--auth-page-toggle-shadow)}.auth-page__mode-btn[aria-selected=true] .auth-page__mode-icon{opacity:1}.auth-page__card{background:var(--auth-card-bg);border:1px solid var(--auth-card-border);border-radius:var(--auth-card-radius);padding:clamp(22px,3.5vw,28px) clamp(20px,3vw,26px);backdrop-filter:var(--auth-card-blur);-webkit-backdrop-filter:var(--auth-card-blur);box-shadow:var(--auth-card-shadow)}@media (prefers-reduced-motion:no-preference){.auth-page__card{animation:auth-card-enter .35s var(--portal-ease,ease) both}}@keyframes auth-card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-card-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}@media (prefers-reduced-motion:no-preference){.auth-page__card--shake{animation:auth-card-shake .4s ease}}.auth-page__card-head{margin-bottom:20px}.auth-page__card-title{margin:0 0 6px;font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--text)}.auth-page__card-hint{margin:0;font-size:13px;line-height:1.5;color:var(--text-secondary)}.auth-page__form{display:flex;flex-direction:column;gap:14px}.auth-page__field{display:flex;flex-direction:column;gap:6px}.auth-page__field-label{font-size:12px;font-weight:650;color:var(--auth-field-label)}.auth-page__field-error{margin:0;font-size:12px;color:var(--auth-field-error)}.auth-page__input,.auth-page__passcode-input{min-height:44px;font-size:16px;padding-top:11px;padding-bottom:11px}.auth-page .auth-page__input:focus,.auth-page .auth-page__passcode-input:focus{border-color:var(--auth-page-input-focus-border);box-shadow:0 0 0 3px var(--auth-page-focus-ring);background:hsla(0,0%,100%,.07)}.auth-page__input--error,.auth-page__passcode-input.auth-page__input--error{border-color:hsla(0,91%,71%,.55);box-shadow:0 0 0 3px hsla(0,91%,71%,.12)}.auth-page__input--kid{letter-spacing:.02em}.auth-page__passcode-input{font-size:28px;letter-spacing:12px;text-align:center;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.auth-page__passcode-input--sm{font-size:24px;letter-spacing:10px}.auth-page__passcode-track{display:flex;justify-content:center;gap:8px;margin-top:2px}.auth-page__passcode-slot{width:10px;height:10px;border-radius:50%;border:1.5px solid hsla(0,0%,100%,.18);background:transparent;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.auth-page__passcode-slot.is-filled{background:var(--auth-page-accent);border-color:var(--auth-page-accent);box-shadow:0 0 10px var(--auth-page-accent-soft)}.auth-page__passcode-slot.is-active{border-color:color-mix(in srgb,var(--auth-page-accent) 70%,#fff);transform:scale(1.15)}.auth-page__password-wrap{position:relative}.auth-page__password-wrap .input{padding-right:44px}.auth-page__password-toggle{position:absolute;top:50%;right:8px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.auth-page__password-toggle:hover:not(:disabled){color:var(--text);background:hsla(0,0%,100%,.06)}.auth-page__password-toggle:focus-visible{outline:2px solid var(--auth-page-accent);outline-offset:2px}.auth-page__password-toggle:disabled{opacity:.45;cursor:not-allowed}.auth-page__submit{margin-top:6px;height:48px;width:100%;font-size:15px;font-weight:750;gap:8px;background:var(--auth-page-submit-bg);box-shadow:var(--auth-page-submit-shadow)}.auth-page__submit:hover:not(:disabled){box-shadow:var(--auth-page-submit-shadow-hover)}.auth-page__submit-arrow{display:inline-flex;transition:transform var(--transition-fast)}.auth-page__submit:hover:not(:disabled) .auth-page__submit-arrow{transform:translateX(3px)}.auth-page__spinner{width:16px;height:16px;border-radius:50%;border:2px solid hsla(0,0%,100%,.35);border-top-color:#fff;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(1turn)}}.auth-page__footer-note{margin:14px 0 0;font-size:12px;line-height:1.45;text-align:center;color:var(--muted)}.auth-page__copyright{margin:20px 0 0;text-align:center;font-size:12px;color:var(--auth-footer-text)}.auth-page__error-box{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.25);border-radius:10px;padding:9px 12px;font-size:13px;color:var(--auth-field-error)}.auth-page--centered .auth-page__form-col{width:100%;padding:0;justify-content:flex-start}.auth-page--centered .auth-page__lang{position:fixed;top:clamp(12px,2.5vw,20px);right:clamp(12px,2.5vw,20px)}@media (max-width:420px){.auth-page__mode-btn{flex-direction:column;gap:4px;padding:10px 8px;font-size:12px}.auth-page__passcode-input{font-size:24px;letter-spacing:8px}}