.auth-scope{--bg-top:#eef1f8;--bg-bottom:#aeb9d1;--panel-glass:rgba(104,116,144,0.4);--panel-border:rgba(255,255,255,0.35);--accent-primary:#1d3fd4;--accent-strong:#1a34c4;--accent-soft:#3b5bd6;--field-bg:#f5f7fb;--field-border:#b9c1d2;--field-border-focus:#1d3fd4;--text-primary:#1f2733;--text-muted:#5b6474;--border-subtle:rgba(31,39,51,0.1);--transition-speed:1300ms;position:fixed;inset:0;z-index:0;overflow:hidden;color:var(--text-primary);font-family:Inter,system-ui,sans-serif;background:radial-gradient(70% 55% at 12% 8%,rgba(255,255,255,.65),transparent 60%),radial-gradient(80% 70% at 88% 92%,rgba(120,138,180,.35),transparent 62%),linear-gradient(140deg,var(--bg-top) 0,var(--bg-bottom) 100%)}.auth-scope :focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px;border-radius:6px}.auth-scope .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.auth-brand{position:fixed;top:20px;left:24px;z-index:200;pointer-events:none}.auth-brand img{display:block;height:30px;width:auto}.auth-scope .auth-frame{position:relative;overflow:hidden;width:100vw;height:100vh;min-height:100dvh;background:transparent}.auth-scope .auth-formbox{position:absolute;top:0;width:50%;height:100%;z-index:1}.auth-scope .auth-formbox--signin{left:50%}.auth-scope .auth-formbox--signup{left:0}.auth-scope .auth-card{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:safe center;width:100%;height:100%;padding:48px clamp(28px,5vw,64px);overflow-y:auto;background:transparent}.auth-scope .auth-card[data-hidden=true]{pointer-events:none}.auth-scope .auth-card__panel{position:relative;z-index:2;padding:34px clamp(24px,3vw,40px) 30px;background:var(--panel-glass);border:1px solid var(--panel-border);border-radius:28px;box-shadow:0 30px 70px -40px rgba(23,32,58,.55),inset 0 1px 0 rgba(255,255,255,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auth-scope .auth-card__body{position:relative;width:100%;max-width:440px;margin:0 auto;transition:opacity .24s ease .16s,transform .24s ease .16s}.auth-scope .auth-card[data-hidden=true] .auth-card__body{opacity:0;transform:translateY(10px);transition-delay:0s}.auth-scope .auth-card__tabs{display:flex;gap:26px;margin-bottom:22px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.auth-scope .auth-card__tab{position:relative;padding-bottom:12px;margin-bottom:-13px;font-size:15px;font-weight:500;color:var(--text-muted)}.auth-scope .auth-card__tab[data-active=true]{color:var(--accent-primary);font-weight:600}.auth-scope .auth-card__tab[data-active=true]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent-primary);border-radius:2px}.auth-scope .auth-card__subtitle{margin-bottom:20px;font-size:13px;color:var(--text-muted)}.auth-scope .auth-card__form{display:flex;flex-direction:column;gap:16px}.auth-scope .auth-field{position:relative}.auth-scope .auth-field__input{width:100%;height:50px;padding:0 16px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:15px;background:var(--field-bg);border:1px solid var(--field-border);border-radius:10px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.auth-scope .auth-field--password .auth-field__input{padding-right:46px}.auth-scope .auth-field__input::placeholder{color:var(--text-muted);opacity:1}.auth-scope .auth-field__input::-ms-clear,.auth-scope .auth-field__input::-ms-reveal{display:none}.auth-scope .auth-field__input:focus{outline:none;background:#ffffff;border-color:var(--field-border-focus);box-shadow:0 0 0 3px rgba(29,63,212,.16)}.auth-scope .auth-field__toggle{position:absolute;top:50%;right:8px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;color:var(--text-muted);cursor:pointer;background:transparent;border:none;border-radius:8px;transition:color .14s ease,background .14s ease}.auth-scope .auth-field__toggle:hover{color:var(--accent-primary);background:rgba(29,63,212,.08)}.auth-scope .auth-field__toggle svg{width:20px;height:20px}.auth-scope .auth-remember{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.auth-scope .auth-remember input{width:16px;height:16px;accent-color:var(--accent-primary)}.auth-scope .auth-actions{display:flex;align-items:center;gap:22px;margin-top:8px}.auth-scope .auth-btn{height:46px;padding:0 34px;color:#ffffff;font-family:Inter,sans-serif;font-size:15px;font-weight:600;cursor:pointer;background:var(--accent-primary);border:none;border-radius:8px;box-shadow:0 12px 26px -14px rgba(29,63,212,.8);transition:transform .14s ease,box-shadow .18s ease,background .18s ease}.auth-scope .auth-btn:hover{background:var(--accent-strong);box-shadow:0 16px 30px -14px rgba(29,63,212,.9)}.auth-scope .auth-btn:active{transform:translateY(1px)}.auth-scope .auth-btn:disabled{opacity:.7;cursor:default}.auth-scope .auth-link{font-size:14px;color:var(--text-muted);text-decoration:none;background:none;border:none;cursor:pointer;transition:color .14s ease}.auth-scope .auth-link:hover{color:var(--accent-primary)}.auth-scope .auth-overlaybox{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;z-index:100;box-shadow:0 0 60px -18px rgba(40,55,110,.35);transition:transform var(--transition-speed) cubic-bezier(.5,.03,.3,1);will-change:transform}.auth-scope .auth-frame[data-state=register] .auth-overlaybox{transform:translateX(100%)}.auth-scope .auth-overlay{position:absolute;inset:0;color:var(--text-primary);background:radial-gradient(90% 70% at 20% 12%,rgba(255,255,255,.6),transparent 60%),linear-gradient(150deg,#eef1f8,#d3dae8 55%,#c0cadd)}.auth-scope .auth-overlay__canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:.95}.auth-scope .auth-overlay__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 45% at 45% 40%,rgba(29,63,212,.08),transparent 70%)}.auth-scope .auth-overlay__panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;padding:0 clamp(36px,6vw,84px);text-align:left;opacity:0;transition:opacity .5s ease}.auth-scope .auth-frame[data-state=login] .auth-overlay__panel--right,.auth-scope .auth-frame[data-state=register] .auth-overlay__panel--left{opacity:1}.auth-scope .auth-overlay__badge{font-family:Space Grotesk,Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.32em;color:var(--accent-primary)}.auth-scope .auth-overlay__title{font-family:Space Grotesk,Inter,sans-serif;font-weight:400;font-size:clamp(30px,3.6vw,48px);line-height:1.08;letter-spacing:-.01em;color:var(--accent-soft)}.auth-scope .auth-overlay__title strong{display:block;margin-top:6px;font-weight:700;color:var(--accent-strong)}.auth-scope .auth-overlay__text{max-width:340px;font-size:14px;line-height:1.5;color:var(--text-muted)}.auth-scope .auth-overlay__btn{margin-top:8px;padding:12px 36px;color:#ffffff;font-family:Inter,sans-serif;font-size:14px;font-weight:700;cursor:pointer;background:var(--accent-primary);border:none;border-radius:8px;box-shadow:0 14px 30px -16px rgba(29,63,212,.75);transition:transform .14s ease,box-shadow .18s ease,background .18s ease}.auth-scope .auth-overlay__btn:hover{background:var(--accent-strong);box-shadow:0 18px 34px -16px rgba(29,63,212,.85)}.auth-scope .auth-overlay__btn:active{transform:translateY(1px)}.auth-scope .auth-note{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:200;padding:10px 18px;font-size:13px;color:#ffffff;background:var(--accent-primary);border:none;border-radius:10px;box-shadow:0 14px 30px -14px rgba(29,63,212,.7)}.auth-scope .auth-note:empty{display:none}@media (min-width:768px) and (max-width:1023px){.auth-scope .auth-card{padding:40px 30px}.auth-scope .auth-card__form{gap:13px}}@media (max-width:767px){.auth-scope{overflow-y:auto}.auth-scope .auth-frame{display:flex;flex-direction:column;height:auto;min-height:100dvh;width:100vw}.auth-scope .auth-overlaybox{top:auto;order:-1;height:auto;z-index:1}.auth-scope .auth-overlay,.auth-scope .auth-overlaybox{position:relative;left:auto;width:100%;transform:none!important}.auth-scope .auth-overlay{min-height:168px}.auth-scope .auth-overlay__panel{position:relative;left:auto;right:auto;width:100%;min-height:168px;gap:10px;padding:26px 24px;opacity:1;transform:none!important}.auth-scope .auth-overlay__panel--left{display:none}.auth-scope .auth-frame[data-state=register] .auth-overlay__panel--left,.auth-scope .auth-overlay__panel--right{display:flex}.auth-scope .auth-frame[data-state=register] .auth-overlay__panel--right{display:none}.auth-scope .auth-overlay__title{font-size:26px}.auth-scope .auth-overlay__text{font-size:13px}.auth-scope .auth-formbox{position:relative;left:auto;top:auto;width:100%;height:auto;opacity:1!important;transform:none!important}.auth-scope .auth-formbox--signup,.auth-scope .auth-frame[data-state=register] .auth-formbox--signin{display:none}.auth-scope .auth-frame[data-state=register] .auth-formbox--signup{display:block}.auth-scope .auth-card{height:auto;padding:26px 22px 34px}.auth-scope .auth-card[data-hidden=true] .auth-card__body{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce) and (min-width:768px){.auth-scope .auth-overlaybox{transition:none!important}}@media (prefers-reduced-motion:reduce){.auth-scope .auth-btn,.auth-scope .auth-card__body,.auth-scope .auth-field__input,.auth-scope .auth-overlay__btn{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}