.auth-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.auth-bg__gradient{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 10%,color-mix(in srgb,var(--color-primary) 35%,transparent),transparent 60%),radial-gradient(ellipse 70% 50% at 80% 90%,color-mix(in srgb,var(--color-accent) 30%,transparent),transparent 55%),radial-gradient(ellipse 60% 40% at 60% 40%,color-mix(in srgb,var(--color-secondary) 18%,transparent),transparent 50%),linear-gradient(160deg,var(--color-background-dark) 0%,var(--color-secondary) 100%);animation:authGradientShift 18s ease-in-out infinite alternate}.auth-bg__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.45;will-change:transform}.auth-bg__orb--1{width:clamp(200px,35vw,420px);height:clamp(200px,35vw,420px);top:-8%;left:-5%;background:var(--color-primary);animation:authFloat1 22s ease-in-out infinite}.auth-bg__orb--2{width:clamp(160px,28vw,340px);height:clamp(160px,28vw,340px);bottom:5%;right:-3%;background:var(--color-accent);animation:authFloat2 26s ease-in-out infinite}.auth-bg__orb--3{width:clamp(120px,20vw,260px);height:clamp(120px,20vw,260px);top:45%;left:40%;background:var(--color-secondary);animation:authFloat3 20s ease-in-out infinite;opacity:.25}.auth-bg__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 20%,transparent 100%);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 20%,transparent 100%)}.auth-page{position:relative;z-index:1;display:grid;grid-template-columns:1fr;min-height:100dvh;width:100%;max-width:100vw;overflow-x:hidden}@media(min-width:1024px){.auth-page{grid-template-columns:1fr 1fr}}.auth-brand-panel{display:none;position:relative;padding:clamp(2rem,5vw,4rem);align-items:center;justify-content:center}@media(min-width:1024px){.auth-brand-panel{display:flex}}.auth-brand-panel__inner{max-width:28rem;animation:authSlideRight .9s var(--anim-easing) both}.auth-brand-panel__logo{margin-bottom:2rem}.auth-brand-panel__logo-img{filter:drop-shadow(0 4px 16px rgba(0,0,0,.25))}.auth-brand-panel__tagline{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;line-height:1.2;letter-spacing:-.03em;margin:0 0 1rem;background:linear-gradient(135deg,var(--color-text-on-dark) 0%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-brand-panel__description{font-size:1rem;line-height:1.7;color:var(--color-text-muted-on-dark);margin:0 0 2.5rem}.auth-brand-panel__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.auth-brand-panel__features li{display:flex;align-items:center;gap:.75rem;font-size:.9375rem;color:var(--color-text-secondary)}.auth-brand-panel__feature-dot{flex-shrink:0;width:.5rem;height:.5rem;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:0 0 8px color-mix(in srgb,var(--color-primary) 60%,transparent)}.auth-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1.25rem,4vw,2.5rem);width:100%}.auth-card{width:100%;max-width:26rem;padding:clamp(1.75rem,5vw,2.5rem);background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:1.25rem;box-shadow:0 0 0 1px #ffffff0a inset,0 24px 48px -12px #00000073}.auth-footer{margin-top:1.5rem;font-size:.75rem;color:var(--color-text-muted-on-dark);text-align:center}.auth-header{margin-bottom:1.75rem}.auth-header__mobile-logo{display:flex;justify-content:center;margin-bottom:1.5rem}@media(min-width:1024px){.auth-header__mobile-logo{display:none}}.auth-header__title{margin:0 0 .5rem;font-size:clamp(1.5rem,4vw,1.875rem);font-weight:700;letter-spacing:-.03em;color:var(--color-text-primary)}.auth-header__subtitle{margin:0;font-size:clamp(.875rem,2.5vw,.9375rem);line-height:1.6;color:var(--color-text-muted)}.auth-alert{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;margin-bottom:1.25rem;border-radius:.75rem;font-size:.875rem}.auth-alert--success{background:var(--color-success-bg);color:var(--color-success);border:1px solid color-mix(in srgb,var(--color-success) 30%,transparent)}.auth-alert__icon{width:1.125rem;height:1.125rem;flex-shrink:0}.auth-form{display:flex;flex-direction:column}.auth-field,.auth-field--spaced{margin-bottom:1.125rem}.auth-field__label{display:block;margin-bottom:.5rem;font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);letter-spacing:.01em}.auth-field__wrapper{position:relative}.auth-field__input{width:100%;padding:.8125rem 1rem;font-family:inherit;font-size:clamp(.875rem,2.5vw,.9375rem);color:var(--color-text-primary);background:var(--color-background);border:1px solid var(--color-surface-border);border-radius:.75rem;outline:none;transition:border-color .25s ease,background-color .25s ease,box-shadow .25s ease,transform .2s ease}.auth-field__input::-moz-placeholder{color:var(--color-text-muted-on-dark);opacity:.7}.auth-field__input::placeholder{color:var(--color-text-muted-on-dark);opacity:.7}.auth-field__input:hover{border-color:color-mix(in srgb,var(--color-primary-light) 40%,transparent);background:var(--color-surface-hover)}.auth-field__input:focus{border-color:var(--color-primary);background:#ffffff0f;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 25%,transparent);transform:translateY(-1px)}.auth-field__input--error{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-bg)}.auth-field__toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:none;border-radius:.5rem;color:var(--color-text-muted-on-dark);cursor:pointer;transition:color .2s ease,background-color .2s ease}.auth-field__toggle:hover{color:var(--color-text-primary);background:#ffffff0f}.auth-field__toggle-icon{width:1.125rem;height:1.125rem}.auth-field__toggle-icon--hide,.auth-field__toggle.is-visible .auth-field__toggle-icon--show{display:none}.auth-field__toggle.is-visible .auth-field__toggle-icon--hide{display:block}.auth-field__input[type=password],.auth-field__input[data-type=password]{padding-right:2.75rem}.auth-field__errors{list-style:none;margin:.5rem 0 0;padding:0;font-size:.8125rem;color:var(--color-error)}.auth-field__errors li+li{margin-top:.25rem}.auth-form__options{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.auth-checkbox{display:inline-flex;align-items:center;gap:.625rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.auth-checkbox__input{position:absolute;opacity:0;width:0;height:0}.auth-checkbox__box{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border:1.5px solid var(--color-surface-border);border-radius:.375rem;background:#ffffff0a;transition:all .25s ease}.auth-checkbox__box svg{width:.625rem;height:.625rem;opacity:0;transform:scale(.5);transition:all .2s ease;color:var(--btn-primary-text)}.auth-checkbox__input:checked+.auth-checkbox__box{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 8px color-mix(in srgb,var(--color-primary) 50%,transparent)}.auth-checkbox__input:checked+.auth-checkbox__box svg{opacity:1;transform:scale(1)}.auth-checkbox__input:focus-visible+.auth-checkbox__box{outline:2px solid var(--color-primary);outline-offset:2px}.auth-checkbox__label{font-size:.875rem;color:var(--color-text-secondary)}.auth-form__submit{margin-bottom:0}.auth-btn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:.875rem 1.5rem;font-family:inherit;font-size:clamp(.875rem,2.5vw,.9375rem);font-weight:600;color:var(--btn-primary-text);background:linear-gradient(135deg,var(--btn-primary-bg) 0%,var(--color-primary-dark) 100%);border:none;border-radius:var(--btn-radius);cursor:pointer;overflow:hidden;transition:transform .25s var(--anim-easing),box-shadow .25s ease,filter .25s ease;box-shadow:0 4px 16px color-mix(in srgb,var(--color-primary) 40%,transparent)}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--color-primary) 50%,transparent);filter:brightness(1.08)}.auth-btn:active{transform:translateY(0);box-shadow:0 2px 8px color-mix(in srgb,var(--color-primary) 35%,transparent)}.auth-btn:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:3px}.auth-btn__text{position:relative;z-index:1}.auth-btn__shine{position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);transform:translate(-100%);transition:transform .6s ease}.auth-btn:hover .auth-btn__shine{transform:translate(100%)}.auth-form__register{margin:1.25rem 0 0;text-align:center;font-size:.875rem;color:var(--color-text-muted-on-dark)}.auth-animate-in{animation:authFadeUp var(--anim-duration) var(--anim-easing) both}.auth-animate-item{opacity:0;animation:authFadeUp var(--anim-duration) var(--anim-easing) both}.auth-animate-item:nth-child(1){animation-delay:.08s}.auth-animate-item:nth-child(2){animation-delay:.16s}.auth-animate-item:nth-child(3){animation-delay:.24s}.auth-animate-item:nth-child(4){animation-delay:.32s}.auth-animate-item:nth-child(5){animation-delay:.4s}.auth-animate-item:nth-child(6){animation-delay:.48s}.auth-animate-item:nth-child(7){animation-delay:.56s}.auth-form .auth-animate-item:nth-child(1){animation-delay:.2s}.auth-form .auth-animate-item:nth-child(2){animation-delay:.28s}.auth-form .auth-animate-item:nth-child(3){animation-delay:.36s}.auth-form .auth-animate-item:nth-child(4){animation-delay:.44s}.auth-form .auth-animate-item:nth-child(5){animation-delay:.52s}@keyframes authFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes authSlideRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes authGradientShift{0%{filter:hue-rotate(0deg) brightness(1)}to{filter:hue-rotate(12deg) brightness(1.05)}}@keyframes authFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,20px) scale(1.05)}66%{transform:translate(-15px,35px) scale(.95)}}@keyframes authFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,-25px) scale(1.08)}}@keyframes authFloat3{0%,to{transform:translate(0)}50%{transform:translate(25px,-30px)}}@media(prefers-reduced-motion:reduce){.auth-bg__gradient,.auth-bg__orb,.auth-brand-panel__inner,.auth-animate-in,.auth-animate-item{animation:none!important;opacity:1!important;transform:none!important}.auth-btn:hover{transform:none}.auth-field__input:focus{transform:none}}@media(max-width:380px){.auth-card{padding:1.5rem 1.25rem;border-radius:1rem}.auth-form__options{flex-direction:column;align-items:flex-start}}