.auth-page{width:min(var(--layout-form-max), var(--size-full));isolation:isolate;margin-inline:auto;position:relative}.auth-page__card{gap:var(--space-xl);border-radius:var(--radius-2xl);border:1px solid color-mix(in srgb, var(--color-border-soft) 85%, #ffffff1f);background:linear-gradient(150deg, #ffffff14 0%, #ffffff08 52%, #ffffff0f 100%), color-mix(in srgb, var(--color-bg-1) 60%, #ffffff0a);box-shadow:0 0 0 1px #ffffff14 inset, var(--shadow-xl), 0 0 84px -22px color-mix(in srgb, var(--color-accent-1) 20%, transparent);-webkit-backdrop-filter:blur(22px)saturate(130%);flex-direction:column;padding:clamp(1.25rem,2vw + .8rem,2rem);animation:.5s cubic-bezier(.22,1,.36,1) both card-rise;display:flex;position:relative}.auth-page__card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(132deg,#ffffff1a,#0000 45%);position:absolute;inset:0}.auth-page__logo{align-items:center;gap:var(--space-md);width:fit-content;animation:.45s 40ms both fade-up;display:inline-flex}.auth-page__logo-img{object-fit:contain;width:34px;height:34px;filter:drop-shadow(0 4px 12px color-mix(in srgb, var(--color-accent-1) 45%, transparent))}.auth-page__logo-name{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:color-mix(in srgb, var(--color-text-primary) 88%, var(--color-accent-2));font-weight:700}.auth-page__header{gap:var(--space-sm);animation:.45s 90ms both fade-up;display:grid}.auth-page__title{font-size:clamp(1.6rem, 1.3rem + 1vw, var(--font-size-3xl));line-height:var(--line-height-tight);font-family:var(--font-family-display);letter-spacing:var(--tracking-tight);background:linear-gradient(120deg, var(--color-text-primary) 32%, color-mix(in srgb, var(--color-accent-1) 80%, var(--color-text-primary)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0}.auth-page__subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.auth-page__tabs{border:1px solid var(--color-border-soft);border-radius:var(--radius-pill);background:#ffffff0a;width:100%;padding:3px;animation:.45s .14s both fade-up;display:inline-flex;position:relative;overflow:hidden}.auth-page__tab-indicator{border-radius:var(--radius-pill);border:1px solid color-mix(in srgb, var(--color-accent-1) 35%, transparent);background:linear-gradient(115deg, color-mix(in srgb, var(--color-accent-1) 28%, transparent), color-mix(in srgb, var(--color-accent-2) 20%, transparent));pointer-events:none;width:calc(50% - 3px);transition:transform .28s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;bottom:3px}.auth-page__tab-indicator[data-mode=login]{transform:translate(0)}.auth-page__tab-indicator[data-mode=register]{transform:translate(100%)}.auth-page__tab{z-index:1;border-radius:var(--radius-pill);padding:var(--space-sm) var(--space-xl);color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm);white-space:nowrap;background:0 0;border:none;flex:1;font-weight:600;transition:color .18s;position:relative}.auth-page__tab--active{color:var(--color-text-primary)}.auth-page__tab:not(.auth-page__tab--active):hover{color:color-mix(in srgb, var(--color-text-muted) 70%, var(--color-text-primary))}.auth-page__tab:focus-visible{outline:2px solid color-mix(in srgb, var(--color-accent-1) 70%, white);outline-offset:2px}.auth-page__form{gap:var(--space-lg);animation:.45s .18s both fade-up;display:grid}.auth-page .input-field__label{color:color-mix(in srgb, var(--color-text-muted) 88%, var(--color-text-primary))}.auth-page .input-field__control{background:color-mix(in srgb, var(--color-bg-2) 84%, #ffffff05);border-color:color-mix(in srgb, var(--color-border-soft) 95%, #ffffff14)}.auth-page .input-field__control:focus{border-color:color-mix(in srgb, var(--color-accent-1) 74%, var(--color-accent-2));box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent-1) 25%, transparent)}.auth-page__field-wrap{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.22,1,.36,1),opacity .22s;display:grid}.auth-page__field-wrap>*{min-height:0;overflow:hidden}.auth-page__field-wrap--visible{opacity:1;grid-template-rows:1fr}.auth-page__register-block{gap:var(--space-md);padding-top:var(--space-sm);display:grid}.auth-page__password-rules{gap:var(--space-sm);margin:0;padding:0;list-style:none;display:grid}.auth-page__password-rule{align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-size:var(--font-size-xs);display:flex}.auth-page__password-rule:before{content:"";border-radius:var(--radius-full);border:1px solid var(--color-border-strong);background:color-mix(in srgb, var(--color-bg-1) 78%, #ffffff0d);width:8px;height:8px;transition:background-color .18s,border-color .18s}.auth-page__password-rule--ok{color:color-mix(in srgb, var(--color-success) 86%, var(--color-text-primary))}.auth-page__password-rule--ok:before{border-color:color-mix(in srgb, var(--color-success) 84%, transparent);background:color-mix(in srgb, var(--color-success) 78%, white)}.auth-page__checkbox-row{align-items:start;gap:var(--space-md);cursor:pointer;grid-template-columns:auto 1fr;display:grid}.auth-page__checkbox{appearance:none;border:1px solid var(--color-border-strong);background:color-mix(in srgb, var(--color-bg-1) 86%, #ffffff0a);cursor:pointer;border-radius:3px;flex-shrink:0;place-items:center;width:16px;height:16px;margin:2px 0 0;transition:border-color .18s,background-color .18s,transform .18s;display:grid}.auth-page__checkbox:after{content:"";background:linear-gradient(135deg, var(--color-accent-1), var(--color-accent-2));border-radius:2px;width:8px;height:8px;transition:transform .15s;transform:scale(0)}.auth-page__checkbox:checked{border-color:color-mix(in srgb, var(--color-accent-1) 64%, var(--color-accent-2));background:color-mix(in srgb, var(--color-accent-1) 14%, var(--color-bg-1))}.auth-page__checkbox:checked:after{transform:scale(1)}.auth-page__checkbox:focus-visible{outline:2px solid color-mix(in srgb, var(--color-accent-1) 70%, white);outline-offset:2px}.auth-page__checkbox-text{color:color-mix(in srgb, var(--color-text-muted) 90%, var(--color-text-primary));font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.auth-page__checkbox-text a{color:var(--color-text-primary);-webkit-text-decoration-color:color-mix(in srgb, var(--color-accent-1) 65%, transparent);text-decoration-color:color-mix(in srgb, var(--color-accent-1) 65%, transparent);text-underline-offset:2px;text-decoration-thickness:1px;transition:text-decoration-color .18s,color .18s}.auth-page__checkbox-text a:hover{color:color-mix(in srgb, var(--color-text-primary) 78%, var(--color-accent-1));-webkit-text-decoration-color:color-mix(in srgb, var(--color-accent-1) 85%, var(--color-accent-2));text-decoration-color:color-mix(in srgb, var(--color-accent-1) 85%, var(--color-accent-2))}.auth-page__checkbox-text a:focus-visible{outline:2px solid color-mix(in srgb, var(--color-accent-1) 65%, white);outline-offset:2px;border-radius:2px}.auth-page__captcha-wrap{gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--color-border-soft) 95%, #ffffff14);background:color-mix(in srgb, var(--color-bg-2) 72%, #ffffff0a);display:grid}.auth-page__captcha-label{color:color-mix(in srgb, var(--color-text-muted) 85%, var(--color-text-primary));font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0;font-weight:700}.auth-page__captcha{min-height:78px;overflow:auto hidden}.auth-page__captcha>div{width:fit-content}.auth-page__error{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);color:var(--color-danger);border:1px solid color-mix(in srgb, var(--color-danger) 35%, transparent);background:color-mix(in srgb, var(--color-danger) 12%, transparent);font-size:var(--font-size-sm);margin:0;animation:.36s both shake;display:flex}.auth-page__submit{margin-top:var(--space-xs);width:var(--size-full);justify-content:center;align-items:center;display:inline-flex}.auth-page__reset{cursor:pointer;color:var(--color-text-muted);font-size:var(--font-size-sm);background:0 0;border:none;justify-self:center;padding:0 0 2px;transition:color .18s;position:relative}.auth-page__reset:after{content:"";border-radius:var(--radius-pill);transform-origin:0;background:linear-gradient(90deg, var(--color-accent-1), var(--color-accent-2));height:1px;transition:transform .25s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.auth-page__reset:hover{color:var(--color-text-primary)}.auth-page__reset:hover:after{transform:scaleX(1)}.auth-page__reset:focus-visible{outline:2px solid color-mix(in srgb, var(--color-accent-1) 65%, white);outline-offset:2px;border-radius:var(--radius-sm)}.auth-page__avatar{border-radius:var(--radius-full);color:#fff;width:56px;height:56px;font-size:var(--font-size-xl);font-weight:700;font-family:var(--font-family-display);background:linear-gradient(135deg, var(--color-accent-1), var(--color-accent-2));box-shadow:0 4px 22px color-mix(in srgb, var(--color-accent-1) 42%, transparent);flex-shrink:0;place-items:center;animation:.42s both fade-up;display:grid}.auth-page__card--connected{text-align:center;align-items:center}.auth-page__connected-actions{width:var(--size-full);gap:var(--space-md);animation:.45s .12s both fade-up;display:grid}.auth-page__loader{align-items:center;gap:var(--space-lg);padding:var(--space-md) 0;flex-direction:column;display:flex}.auth-page__spinner,.auth-page__btn-spinner{border-radius:var(--radius-full);border:2px solid #ffffff26;border-top-color:var(--color-accent-1);animation:.65s linear infinite spin;display:inline-block}.auth-page__spinner{width:28px;height:28px}.auth-page__btn-spinner{width:14px;height:14px;margin-right:var(--space-sm);vertical-align:middle}@media (width>=560px){.auth-page__connected-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.auth-page__card{gap:var(--space-lg);padding:var(--space-xl) var(--space-lg)}.auth-page__tabs{width:var(--size-full)}.auth-page__tab{text-align:center;padding-inline:var(--space-md)}.auth-page__logo-img{width:30px;height:30px}.auth-page__checkbox-row{gap:var(--space-sm)}.auth-page__checkbox-text{font-size:var(--font-size-xs)}.auth-page__captcha-wrap{padding:var(--space-sm)}}@media (prefers-reduced-motion:reduce){.auth-page__card,.auth-page__logo,.auth-page__header,.auth-page__tabs,.auth-page__form,.auth-page__connected-actions,.auth-page__avatar,.auth-page__spinner,.auth-page__btn-spinner,.auth-page__error{animation:none!important}.auth-page__tab-indicator,.auth-page__field-wrap,.auth-page__checkbox-row,.auth-page__checkbox,.auth-page__checkbox:after,.auth-page__password-rule:before,.auth-page__reset:after{transition:none!important}}@keyframes card-rise{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}@keyframes spin{to{transform:rotate(360deg)}}