@layer tokens{.auth-layout{--brand:var(--color-primary);--brand-hover:var(--color-primary-hover);--brand-light:var(--color-brand-light);--brand-subtle:var(--color-surface-selected);--brand-text:var(--color-text-brand);--brand-dark:var(--color-primary-active);--brand-bg:var(--color-surface-selected);--brand-border:var(--color-border-strong);--text:var(--color-text-secondary);--text-h:var(--color-text-primary);--text-muted:var(--color-text-tertiary);--text-placeholder:var(--color-text-disabled);--bg:var(--color-surface);--surface:var(--color-background-secondary);--border:var(--color-border);--border-focus:var(--color-border-focus);--panel-bg-deep:var(--color-background-inverse);--panel-accent:var(--color-accent);--shadow-sm:0 1px 2px 0 #85807314;--shadow-md:0 4px 6px -1px #85807314, 0 2px 4px -2px #85807314;--shadow-lg:0 10px 15px -3px #85807314, 0 4px 6px -4px #85807314;--shadow-glow:0 4px 14px 0 color-mix(in srgb, var(--brand) 35%, transparent);--font-display:"Geist", system-ui, sans-serif;--font-body:"Geist", system-ui, sans-serif;--space-1:clamp(.25rem, .2rem + .2vw, .375rem);--space-2:clamp(.5rem, .4rem + .4vw, .75rem);--space-3:clamp(.75rem, .6rem + .6vw, 1rem);--space-4:clamp(1rem, .8rem + .8vw, 1.5rem);--space-5:clamp(1.25rem, 1rem + 1vw, 2rem);--space-6:clamp(1.5rem, 1.2rem + 1.2vw, 2.5rem);--space-8:clamp(2rem, 1.6rem + 1.6vw, 3.5rem);--space-10:clamp(2.5rem, 2rem + 2vw, 4.5rem);--text-xs:clamp(.6875rem, .65rem + .15vw, .75rem);--text-sm:clamp(.8125rem, .75rem + .25vw, .875rem);--text-base:clamp(.9375rem, .9rem + .2vw, 1rem);--text-lg:clamp(1.0625rem, 1rem + .25vw, 1.125rem);--text-xl:clamp(1.25rem, 1.1rem + .5vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.3rem + .8vw, 2rem);--text-3xl:clamp(1.875rem, 1.6rem + 1.2vw, 2.5rem);--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--auth-control-height:44px;--auth-control-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;text-rendering:optimizelegibility;line-height:1.5}@supports (color:lab(0% 0 0)){.auth-layout{--shadow-sm:0 1px 2px 0 lab(53.6947% .111699 7.7456/.08);--shadow-md:0 4px 6px -1px lab(53.6947% .111699 7.7456/.08), 0 2px 4px -2px lab(53.6947% .111699 7.7456/.08);--shadow-lg:0 10px 15px -3px lab(53.6947% .111699 7.7456/.08), 0 4px 6px -4px lab(53.6947% .111699 7.7456/.08)}}.auth-layout h1,.auth-layout h2,.auth-layout h3,.auth-layout h4{font-family:var(--font-display);color:var(--text-h);letter-spacing:-.02em;font-weight:600;line-height:1.2}.auth-layout a{color:var(--brand);transition:color var(--transition-fast);text-decoration:none}.auth-layout a:hover{color:var(--brand-dark)}.auth-layout img{max-width:100%;height:auto;display:block}}.auth-layout{background:var(--surface);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100svh;display:flex;position:relative}.auth-layout__form{width:100%;padding:var(--space-6) var(--space-6);flex-direction:column;flex:auto;justify-content:center;align-items:center;display:flex}.auth-layout__form-inner{gap:var(--space-4);flex-direction:column;width:100%;max-width:384px;display:flex}.auth-logo{top:var(--space-4);z-index:10;object-fit:contain;width:auto;position:absolute;inset-inline-start:var(--space-4)}@media (max-width:480px){.auth-layout__form{padding:var(--space-5) var(--space-4);padding-top:var(--space-8)}.auth-layout__form-inner{max-width:100%}}.auth-header{align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2);flex-direction:column;display:flex}.auth-header__title{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--text-h);letter-spacing:-.03em;font-weight:600;line-height:1.15}.auth-header__subtitle{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted)}.auth-form{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.auth-field{gap:var(--space-2);flex-direction:column;display:flex}.auth-field-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}@media (max-width:400px){.auth-field-row{grid-template-columns:1fr}}.auth-field__header{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.auth-field__label{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.auth-field__header a,.auth-field__link{font-size:var(--text-sm);color:var(--brand);cursor:pointer;font-weight:500;font-family:var(--font-body);transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:0}.auth-field__header a:hover,.auth-field__link:hover{color:var(--brand-hover)}.auth-field__input-wrap{position:relative}.auth-field__input{width:100%;height:var(--auth-control-height);padding:0 var(--space-3);border-radius:var(--auth-control-radius);border:1px solid var(--border);background:var(--bg);color:var(--text-h);font-family:var(--font-body);font-size:var(--text-base);transition:all var(--transition-fast);box-shadow:none;outline:none}.auth-field__input--with-icon{padding-inline-start:48px}.auth-field__input--with-eye{padding-inline-end:48px}.auth-field__icon{top:50%;color:var(--text-placeholder);pointer-events:none;align-items:center;display:flex;position:absolute;inset-inline-start:16px;transform:translateY(-50%)}.auth-field__eye{top:50%;cursor:pointer;color:var(--text-placeholder);border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;align-items:center;padding:6px;display:flex;position:absolute;inset-inline-end:12px;transform:translateY(-50%)}.auth-field__eye:hover{color:var(--text-muted)}.auth-field__input::placeholder{color:var(--text-placeholder)}.auth-field__input:hover{border-color:#97b6a8;border-color:lab(71.5373% -13.2606 3.83229)}.auth-field__input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 12%, transparent)}.auth-field__input:disabled{opacity:1;cursor:not-allowed;background:var(--surface);color:var(--text-muted);border-color:var(--border);box-shadow:none}.auth-submit{width:100%;min-height:var(--auth-control-height);padding:0 var(--space-3);border-radius:var(--auth-control-radius);background:var(--brand);color:var(--color-primary-foreground);font-family:var(--font-display);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast);box-shadow:none;justify-content:center;align-items:center;gap:var(--space-2);border:none;font-weight:600;display:flex}.auth-submit:hover{background:var(--brand-hover);box-shadow:none}.auth-submit:active{background:var(--brand-dark)}.auth-submit:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-btn--secondary{width:100%;min-height:var(--auth-control-height);border-radius:var(--auth-control-radius);border:1px solid var(--border);background:var(--bg);color:var(--text-h);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);box-shadow:none;justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-3);font-weight:500;display:flex}.auth-btn--secondary:hover{border-color:var(--border-focus);background:var(--surface);box-shadow:none}.auth-btn--secondary:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.auth-divider{align-items:center;gap:var(--space-3);margin:var(--space-1) 0;display:flex}.auth-divider__line{background:var(--border);flex:1;height:1px}.auth-divider__text{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-placeholder);flex-shrink:0;font-weight:500}.auth-social{gap:var(--space-2);flex-direction:column;display:flex}.auth-methods{gap:var(--space-3);margin-top:var(--space-1);animation:authClosedIn var(--transition-base) both;flex-direction:column;display:flex}.auth-social__btn{width:100%;min-height:var(--auth-control-height);border-radius:var(--auth-control-radius);border:1px solid var(--border);background:var(--bg);color:var(--text-h);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);box-shadow:none;justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-3);font-weight:500;display:flex;position:relative}.auth-social__btn:hover{border-color:var(--border-focus);background:var(--surface);box-shadow:none}.auth-social__btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.auth-methods__btn{position:relative}.auth-methods__label{align-items:center;gap:var(--space-2);display:inline-flex}.auth-methods__badge{top:0;z-index:1;white-space:nowrap;border-radius:var(--radius-full);background:var(--bg);border:1px solid var(--brand-border);box-shadow:0 0 0 1.5px var(--bg);color:var(--brand-text);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;align-items:center;padding:2px 9px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;inset-inline-start:50%;transform:translate(-50%,-50%)}.auth-back-row{margin-bottom:var(--space-1);animation:authClosedIn var(--transition-base) both;align-items:center;display:flex}.auth-back{padding:var(--space-1) 0;cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;font-weight:500;display:inline-flex}.auth-back:hover{color:var(--text-h)}.auth-back:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-sm)}.auth-layout[dir=rtl] .auth-back svg{transform:scaleX(-1)}.auth-error{border-radius:var(--radius-lg);color:#7c2524;color:lab(29.1992% 37.8517 22.6944);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-3);background:#ffe8e6;background:lab(93.9229% 9.19664 4.96061);border:1.5px solid #ca5551;border:1.5px solid lab(52.12% 47.1194 27.3658);line-height:1.5}.auth-field__error{font-family:var(--font-body);font-size:var(--text-sm);color:#b32228;color:lab(40.1691% 57.0293 36.0154);margin-top:calc(var(--space-1) * -.5);line-height:1.5}.auth-verify-text{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);text-align:center;line-height:1.6}.auth-verify-text strong{color:var(--text-h);font-weight:600}.auth-toggle{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);text-align:center}.auth-toggle a{color:var(--brand);margin-inline-start:.25rem;font-weight:600}.auth-footer{padding-top:var(--space-6);border-top:1px solid var(--border);font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;margin-top:auto;font-weight:600;display:flex}.auth-footer__links{gap:var(--space-4);display:flex}.auth-footer__links a{color:var(--text-muted)}.auth-footer__links a:hover{color:var(--text-h)}.auth-loading{justify-content:center;align-items:center;gap:var(--space-3);background:var(--surface);flex-direction:column;flex:1;min-height:100svh;display:flex}.auth-loading__spinner{border:2.5px solid var(--border);border-top-color:var(--brand);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite auth-spin}.auth-loading__text{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted)}@keyframes auth-spin{to{transform:rotate(360deg)}}.lang-switcher{top:var(--space-4);z-index:10;width:132px;position:absolute;inset-inline-end:var(--space-4)}.lang-switcher__trigger{width:100%;min-height:var(--auth-control-height);padding:0 var(--space-3);border-radius:var(--auth-control-radius);border:1px solid var(--border);background:var(--bg);color:var(--text-h);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-2);box-shadow:none;transition:border-color var(--transition-fast), background var(--transition-fast);font-weight:500;display:flex}.lang-switcher__trigger:hover{border-color:var(--border-focus);background:var(--surface)}.lang-switcher__trigger:focus-visible,.lang-switcher__option:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.lang-switcher__trigger svg{width:16px;height:16px;color:var(--text-muted);transition:transform var(--transition-fast)}.lang-switcher__chevron--open{transform:rotate(180deg)}.lang-switcher__menu{top:calc(100% + 6px);border:1px solid var(--border);border-radius:var(--auth-control-radius);background:var(--bg);box-shadow:none;padding:4px;position:absolute;inset-inline:0}.lang-switcher__option{width:100%;min-height:36px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--text-h);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-2);text-align:start;background:0 0;border:none;font-weight:500;display:flex}.lang-switcher__option:hover,.lang-switcher__option[aria-checked=true]{background:var(--surface)}.lang-switcher__option svg{width:15px;height:15px;color:var(--brand)}.auth-layout[dir=rtl]{--font-display:"Alexandria", "Geist", system-ui, sans-serif;--font-body:"Alexandria", "Geist", system-ui, sans-serif}.auth-layout[dir=rtl] .auth-social__btn{flex-direction:row-reverse}.auth-2fa{text-align:start;align-items:flex-start;gap:var(--space-2);animation:authClosedIn var(--transition-base) both;flex-direction:column;display:flex}.auth-2fa__badge{border-radius:var(--auth-control-radius);width:40px;height:40px;color:var(--brand);background:var(--brand-subtle);border:1px solid var(--brand-border);box-shadow:none;margin-bottom:var(--space-1);place-items:center;display:grid}.auth-2fa__badge svg{width:20px;height:20px}.auth-2fa__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-h);letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.2}.auth-2fa__subtitle{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);max-width:38ch;margin:0;line-height:1.6}.auth-closed{text-align:center;align-items:center;gap:var(--space-4);padding-top:var(--space-2);animation:authClosedIn var(--transition-base) both;flex-direction:column;display:flex}@keyframes authClosedIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-closed__badge{border-radius:var(--radius-full);color:#fff;background:linear-gradient(145deg, var(--panel-accent), var(--brand) 55%, var(--panel-bg-deep));width:76px;height:76px;box-shadow:var(--shadow-glow), inset 0 1px 0 #ffffff40;place-items:center;display:grid;position:relative}.auth-closed__badge:after{content:"";border-radius:var(--radius-full);border:1px solid color-mix(in srgb, var(--brand) 30%, transparent);animation:2.8s ease-out infinite authClosedRing;position:absolute;inset:-8px}@keyframes authClosedRing{0%{opacity:.7;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}.auth-closed__badge svg{width:30px;height:30px}.auth-closed__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-h);letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.2}.auth-closed__text{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);max-width:34ch;margin:0;line-height:1.6}.auth-closed__actions{width:100%;margin-top:var(--space-2)}.auth-closed__actions .auth-submit{text-decoration:none}.auth-closed__note{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-placeholder);margin:0}
