.auth-page{--auth-ink:var(--ui-text-strong);--auth-muted:var(--ui-text-muted);--auth-blue:var(--ui-accent);--auth-blue-hover:var(--ui-accent-hover);--auth-field:var(--ui-surface-2);--auth-border:var(--ui-border);--auth-pointer-x:50vw;--auth-pointer-y:50vh;width:100%;min-height:100vh;min-height:100dvh;position:relative;display:flex;flex-direction:column;overflow-x:hidden;background:var(--ui-canvas);color:var(--auth-ink);isolation:isolate}.auth-atmosphere{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle 28vw at var(--auth-pointer-x) var(--auth-pointer-y),rgba(255,255,255,.07),rgba(255,255,255,.025) 34%,transparent 72%),radial-gradient(ellipse 52% 55% at 7% 2%,rgba(255,255,255,.07),transparent 72%),radial-gradient(ellipse 50% 58% at 94% 24%,rgba(255,255,255,.055),transparent 70%),radial-gradient(ellipse 56% 62% at 5% 100%,rgba(255,255,255,.06),transparent 72%),radial-gradient(ellipse 54% 58% at 96% 100%,rgba(255,255,255,.045),transparent 70%),var(--ui-canvas);background-size:100% 100%,108% 108%,108% 108%,110% 110%,108% 108%,auto;background-repeat:no-repeat;transition:background-position .16s cubic-bezier(.22,1,.36,1);animation:auth-mesh-drift 18s ease-in-out infinite alternate}.auth-atmosphere:after,.auth-atmosphere:before{position:absolute;inset:0;content:""}.auth-atmosphere:before{background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 0),repeating-radial-gradient(circle at 17% 23%,rgba(255,255,255,.06) 0 .55px,transparent .7px 4px);background-size:56px 56px,56px 56px,5px 5px;opacity:.32;-webkit-mask-image:radial-gradient(circle at center,transparent 8%,#000 48%,#000 100%);mask-image:radial-gradient(circle at center,transparent 8%,#000 48%,#000 100%)}.auth-atmosphere:after{background:radial-gradient(ellipse 31% 48% at 50% 50%,rgba(21,21,21,.9) 0,rgba(21,21,21,.58) 42%,transparent 76%)}.auth-support-link{position:absolute;z-index:3;top:34px;right:36px;color:var(--auth-blue);font-size:15px;font-weight:600}.auth-panel{position:relative;z-index:1;inset:auto;width:100%;min-height:100dvh;padding:clamp(28px,5vh,56px) 24px;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;justify-content:normal;clip-path:none;background:transparent}.auth-card,.auth-panel{min-width:0;overflow:visible}.auth-card{width:min(100%,480px);max-height:none;margin:0;justify-self:center;transform-origin:center;animation:auth-card-pop .42s cubic-bezier(.22,1,.36,1) both}.auth-card[data-route-transition=leaving]{pointer-events:none;animation:auth-card-leave .16s cubic-bezier(.4,0,1,1) both}.auth-page-login .auth-card,.auth-page-recovery .auth-card,.auth-page-register .auth-card{width:min(100%,500px);padding:26px 32px;border:1px solid var(--ui-border);border-radius:24px;background:var(--ui-surface-1);box-shadow:0 18px 50px rgba(0,0,0,.34);box-sizing:border-box}.auth-heading{text-align:center}.auth-heading h1,.auth-heading p,.auth-heading span{display:block;margin:0}.auth-heading p{color:var(--auth-muted);font-size:17px;font-weight:600;letter-spacing:.03em}.auth-heading h1{margin-top:10px;color:var(--auth-ink);font-size:clamp(36px,3vw,44px);line-height:1.15;letter-spacing:-.035em}.auth-page-login .auth-heading h1,.auth-page-recovery .auth-heading h1,.auth-page-register .auth-heading h1{margin-top:0;font-size:36px}.auth-page-login .auth-heading span,.auth-page-recovery .auth-heading span,.auth-page-register .auth-heading span{margin-top:8px;font-size:15px}.auth-heading span{margin-top:13px;color:var(--auth-muted);font-size:18px;line-height:1.55}.auth-page-login .auth-card-content,.auth-page-recovery .auth-card-content,.auth-page-register .auth-card-content{margin-top:22px}.auth-tabs{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:38px;border-bottom:1px solid var(--ui-border)}.auth-page-login .auth-tabs{margin-bottom:28px}.auth-tabs:after{position:absolute;bottom:-1px;left:0;width:50%;height:3px;border-radius:999px;background:var(--auth-blue);transform:translateX(0);transition:transform .24s cubic-bezier(.22,1,.36,1);content:""}.auth-tabs:has(button:nth-child(2)[aria-selected=true]):after{transform:translateX(100%)}.auth-tabs button{position:relative;min-height:58px;padding:0 12px;border:0;background:transparent;color:var(--ui-text-muted);font-size:18px;font-weight:600;cursor:pointer}.auth-page-login .auth-tabs button{min-height:52px;font-size:17px}.auth-tabs button[aria-selected=true]{color:var(--auth-blue)}.auth-tabs button{transition:color .18s ease}.auth-tab-panel:not([hidden]){animation-duration:.22s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.22,1,.36,1)}.auth-tab-panel[data-motion=forward]:not([hidden]),.auth-tab-panel[data-motion=initial]:not([hidden]){animation-name:auth-tab-forward}.auth-tab-panel[data-motion=backward]:not([hidden]){animation-name:auth-tab-backward}.auth-page .login-options-row a:focus-visible,.auth-support-link:focus-visible,.auth-switch a:focus-visible,.auth-tabs button:focus-visible{outline:3px solid color-mix(in srgb,var(--ui-focus-ring) 28%,transparent);outline-offset:3px;border-radius:4px}.auth-form{display:grid;gap:20px}.auth-page-login .auth-form,.auth-page-recovery .auth-form,.auth-page-register .auth-form{gap:8px}.auth-page-login .field-group,.auth-page-recovery .field-group,.auth-page-register .field-group{gap:6px}.auth-page-login .auth-field-label,.auth-page-recovery .auth-field-label,.auth-page-register .auth-field-label{font-size:14px}.auth-page .field-group{min-width:0;display:grid;gap:8px}.auth-field-label{color:var(--auth-ink);font-size:15px;font-weight:650;line-height:1.4}.auth-field-label-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.auth-field-label-row a,.auth-page .login-options-row a,.auth-switch a{color:var(--auth-blue);font-weight:600}.auth-page .login-options-row{margin:0;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;line-height:1.5}.auth-page .remember-password{width:fit-content;display:inline-flex;align-items:center;gap:8px;color:var(--ui-text-muted);font-size:14px;line-height:1.5;cursor:pointer;-webkit-user-select:none;user-select:none}.auth-page .remember-password input{appearance:none;width:16px;height:16px;margin:0;border:1px solid var(--ui-border-strong);border-radius:4px;background:var(--ui-surface-2);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.auth-page .remember-password input:checked{border-color:var(--ui-accent);background-color:var(--ui-accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%230b0b0b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4 8 2.5 2.5L12 5.5'/%3E%3C/svg%3E")}.auth-page .remember-password input:hover{border-color:var(--ui-text-muted)}.auth-page .remember-password:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--ui-focus-ring) 28%,transparent);outline-offset:3px;border-radius:4px}.auth-input{width:100%;height:54px;min-width:0;padding:0 16px;display:flex;gap:10px;align-items:center;border:1px solid transparent;border-radius:11px;background:var(--auth-field);box-shadow:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.auth-page-login .auth-input,.auth-page-login .captcha-image,.auth-page-login .inline-button,.auth-page-recovery .auth-input,.auth-page-recovery .captcha-image,.auth-page-recovery .inline-button,.auth-page-register .auth-input,.auth-page-register .captcha-image,.auth-page-register .inline-button{height:44px}.auth-input:focus-within{border-color:var(--ui-border-strong);background:var(--ui-surface-3);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-focus-ring) 20%,transparent)}.auth-input>input,.auth-page .field-group>input{width:100%;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;color:var(--auth-ink);font-size:16px}.auth-input>input::placeholder,.auth-page .field-group>input::placeholder{color:var(--ui-text-muted);opacity:1}.auth-page .password-visibility{width:34px;height:34px;flex:0 0 auto;padding:0;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--ui-text-muted);cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.auth-page .password-visibility:hover{background:var(--ui-hover);color:var(--auth-blue)}.auth-page .password-visibility:active{transform:scale(.94)}.auth-page .password-visibility svg{display:block}.auth-page .captcha-image:focus-visible,.auth-page .inline-button:focus-visible,.auth-page .password-visibility:focus-visible,.auth-page .submit-button:focus-visible{outline:3px solid color-mix(in srgb,var(--ui-focus-ring) 28%,transparent);outline-offset:2px}.auth-page .captcha-row,.auth-page .code-row{display:grid;grid-template-columns:minmax(0,1fr) 142px;gap:10px}.auth-page .captcha-image,.auth-page .inline-button{height:54px;border:1px solid var(--auth-border);border-radius:11px;background:var(--ui-surface-2);color:var(--auth-blue);cursor:pointer}.auth-page .inline-button{padding:0 12px;font-size:14px;font-weight:700;box-shadow:none}.auth-page .inline-button:hover:not(:disabled){border-color:var(--ui-border-strong);background:var(--ui-hover)}.auth-page .inline-button:disabled{opacity:.55;cursor:default}.auth-page .captcha-image{padding:0;overflow:hidden}.auth-page .captcha-image img{width:100%;height:100%;display:block;object-fit:cover;animation:auth-captcha-reveal .18s ease-out both}.auth-page .captcha-image span{color:var(--auth-muted)}.auth-page .field-error,.auth-page .form-error,.auth-page .form-notice{margin:0;color:var(--ui-danger);font-size:13px;line-height:1.45;animation:auth-message-enter .18s ease-out both}.auth-page .form-error{padding:10px 12px;border:1px solid color-mix(in srgb,var(--ui-danger) 45%,var(--ui-border));border-radius:9px;background:color-mix(in srgb,var(--ui-danger) 10%,var(--ui-surface-1))}.auth-page .form-notice{padding:10px 12px;border:1px solid color-mix(in srgb,var(--ui-success) 45%,var(--ui-border));border-radius:9px;background:color-mix(in srgb,var(--ui-success) 10%,var(--ui-surface-1));color:var(--ui-success)}.auth-page .submit-button{width:100%;min-height:56px;margin-top:8px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:11px;background:var(--auth-blue);box-shadow:0 8px 18px rgba(0,0,0,.28);color:var(--ui-on-accent);font-size:17px;font-weight:750;cursor:pointer;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.auth-page .submit-button-spinner{width:18px;height:18px;display:none;flex:0 0 auto;border:2px solid color-mix(in srgb,var(--ui-on-accent) 36%,transparent);border-top-color:var(--ui-on-accent);border-radius:50%}.auth-page .submit-button[data-loading=true] .submit-button-spinner{display:block;animation:auth-submit-spin .68s linear infinite}.auth-page-login .submit-button,.auth-page-recovery .submit-button,.auth-page-register .submit-button{min-height:46px;margin-top:4px}.auth-page .submit-button:hover:not(:disabled){background:var(--auth-blue-hover);box-shadow:0 11px 24px rgba(0,0,0,.36);transform:translateY(-1px)}.auth-page .submit-button:active:not(:disabled){transform:translateY(1px)}.auth-page .submit-button:disabled{opacity:.62;cursor:default}.auth-switch{margin:14px 0 0;color:var(--auth-muted);text-align:center;font-size:14px;line-height:1.5}@keyframes auth-card-pop{0%{opacity:0;transform:scale(.82);box-shadow:0 6px 18px rgba(0,0,0,.08)}64%{opacity:1;transform:scale(1.035)}84%{transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes auth-card-leave{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.86)}}@keyframes auth-tab-forward{0%{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}@keyframes auth-tab-backward{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@keyframes auth-message-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-submit-spin{to{transform:rotate(1turn)}}@keyframes auth-captcha-reveal{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes auth-mesh-drift{0%{background-position:0 0,-2vw -1vh,2vw -1vh,-1.5vw 2vh,2vw 1.5vh,0 0}to{background-position:0 0,2vw 2vh,-2vw 2vh,2vw -1.5vh,-1.5vw -2vh,0 0}}@media (min-width:641px) and (max-height:960px){.auth-panel{padding:16px 20px}.auth-page-login .auth-card,.auth-page-recovery .auth-card,.auth-page-register .auth-card{width:min(100%,460px);padding:20px 28px}.auth-page-login .auth-heading h1,.auth-page-recovery .auth-heading h1,.auth-page-register .auth-heading h1{font-size:34px}.auth-page-login .auth-heading span,.auth-page-recovery .auth-heading span,.auth-page-register .auth-heading span{margin-top:6px;font-size:14px}.auth-page-login .auth-card-content,.auth-page-recovery .auth-card-content,.auth-page-register .auth-card-content{margin-top:14px}.auth-page-login .auth-form,.auth-page-recovery .auth-form,.auth-page-register .auth-form{gap:5px}.auth-page-login .field-group,.auth-page-recovery .field-group,.auth-page-register .field-group{gap:3px}.auth-page-login .auth-field-label,.auth-page-recovery .auth-field-label,.auth-page-register .auth-field-label{font-size:13px}.auth-page-login .auth-input,.auth-page-login .captcha-image,.auth-page-login .inline-button,.auth-page-recovery .auth-input,.auth-page-recovery .captcha-image,.auth-page-recovery .inline-button,.auth-page-register .auth-input,.auth-page-register .captcha-image,.auth-page-register .inline-button{height:40px}.auth-page-login .captcha-row,.auth-page-login .code-row,.auth-page-recovery .captcha-row,.auth-page-recovery .code-row,.auth-page-register .captcha-row,.auth-page-register .code-row{grid-template-columns:minmax(0,1fr) 132px;gap:8px}.auth-page-login .field-error,.auth-page-recovery .field-error,.auth-page-register .field-error{font-size:12px;line-height:1.35}.auth-page-login .submit-button,.auth-page-recovery .submit-button,.auth-page-register .submit-button{min-height:44px;font-size:15px}.auth-page-login .auth-switch,.auth-page-recovery .auth-switch,.auth-page-register .auth-switch{margin-top:8px;font-size:13px}}@media (max-width:640px){.auth-atmosphere{opacity:.72}.auth-support-link{top:20px;right:20px;font-size:14px}.auth-panel{min-height:100dvh;padding:74px 20px}.auth-card,.auth-page-login .auth-card,.auth-page-recovery .auth-card,.auth-page-register .auth-card{width:100%;transform:none}.auth-page-login .auth-card,.auth-page-recovery .auth-card,.auth-page-register .auth-card{padding:28px 20px 26px;border-radius:18px;box-shadow:0 12px 34px rgba(0,0,0,.34)}.auth-heading p{font-size:15px}.auth-heading h1{margin-top:8px;font-size:34px}.auth-heading span{margin-top:10px;font-size:15px}.auth-card-content,.auth-page-login .auth-card-content,.auth-page-recovery .auth-card-content,.auth-page-register .auth-card-content{margin-top:28px}.auth-tabs{margin-bottom:28px}.auth-tabs button{min-height:50px;font-size:16px}.auth-page .captcha-row,.auth-page .code-row{grid-template-columns:minmax(0,1fr) 116px;gap:8px}.auth-input,.auth-page .captcha-image,.auth-page .inline-button{height:52px}.auth-page-login .auth-input,.auth-page-login .captcha-image,.auth-page-login .inline-button,.auth-page-recovery .auth-input,.auth-page-recovery .captcha-image,.auth-page-recovery .inline-button,.auth-page-register .auth-input,.auth-page-register .captcha-image,.auth-page-register .inline-button{height:48px}}@media (prefers-reduced-motion:reduce){.auth-atmosphere{animation:none}.auth-page *,.auth-page :after,.auth-page :before{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}