.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 20px;background:radial-gradient(1100px 600px at 88% -10%,hsl(175,55%,90%) 0,transparent 60%),radial-gradient(900px 500px at -10% 110%,hsl(16,80%,94%) 0,transparent 55%),hsl(40,30%,97%);background-attachment:fixed}.auth-card{width:100%;max-width:1080px;border-radius:28px;overflow:hidden;display:grid;grid-template-columns:1.05fr 1fr;min-height:740px;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.72));backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);border:1px solid hsl(220,13%,91%);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 30px 60px -30px rgba(15,35,35,.18),0 12px 24px -16px rgba(15,35,35,.1)}.auth-form-side{padding:36px 48px 32px;display:flex;flex-direction:column;gap:18px;min-height:740px}.auth-field-wrap{position:relative;display:flex;align-items:center;background:#fff;border:1px solid hsl(220,13%,91%);border-radius:12px;transition:border-color .15s,box-shadow .15s}.auth-field-wrap:hover{border-color:hsl(220,13%,82%)}.auth-field-wrap:focus-within{border-color:hsl(175,65%,31%);box-shadow:0 0 0 4px hsl(175,65%,93%)}.auth-field-wrap.field-error{border-color:hsl(0,72%,55%)}.auth-field-wrap.field-error:focus-within{box-shadow:0 0 0 4px hsl(0,72%,94%)}.auth-field-input{flex:1;border:none;outline:none;background:transparent;padding:14px 14px 14px 42px;font-size:15px;color:hsl(222,47%,11%);border-radius:12px;font-family:inherit}.auth-field-input::-moz-placeholder{color:hsl(220,9%,60%)}.auth-field-input::placeholder{color:hsl(220,9%,60%)}.auth-field-icon{left:14px;pointer-events:none}.auth-field-icon,.auth-field-trailing{position:absolute;color:hsl(220,9%,55%);display:flex}.auth-field-trailing{right:-1px;height:44px;width:44px;border-radius:8px;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0}.auth-field-trailing:hover{background:hsl(220,14%,96%);color:hsl(222,47%,11%)}.auth-mode-tabs{display:grid;grid-template-columns:1fr 1fr;background:hsl(220,14%,96%);border-radius:10px;padding:4px;position:relative}.auth-mode-tab{height:44px;border-radius:7px;font-size:13px;font-weight:500;color:hsl(220,9%,46%);transition:color .2s;z-index:1;background:none;border:none;cursor:pointer;font-family:inherit}.auth-mode-tab[data-active=true]{color:hsl(222,47%,11%)}.auth-mode-thumb{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:44px;background:#fff;border-radius:7px;box-shadow:0 1px 2px rgba(0,0,0,.06),0 1px 0 rgba(0,0,0,.02);transition:transform .25s cubic-bezier(.4,0,.2,1)}.auth-mode-thumb[data-pos=register]{transform:translateX(calc(100% + 8px))}.auth-btn-primary{width:100%;height:48px;border-radius:12px;background:hsl(175,65%,31%);color:#fff;font-weight:600;font-size:15px;letter-spacing:-.005em;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:background .15s,transform .15s;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 6px 14px -8px hsl(175,65%,31%);border:none;cursor:pointer;font-family:inherit;margin-top:4px}.auth-btn-primary:hover:not(:disabled){background:hsl(175,55%,32%)}.auth-btn-primary:active:not(:disabled){transform:translateY(1px)}.auth-btn-primary:disabled{opacity:.7;cursor:default}.auth-err-text{color:hsl(0,72%,42%);font-size:12.5px;margin-top:6px;display:flex;align-items:center;gap:6px}.remember-toggle{width:42px;height:24px;border-radius:12px;background:hsl(220,14%,88%);border:none;cursor:pointer;padding:2px;transition:background .2s;position:relative;flex-shrink:0}.remember-toggle--on{background:hsl(175,65%,31%);box-shadow:0 0 0 0 hsl(175,65%,31%)}.remember-toggle-thumb{display:block;width:20px;height:20px;border-radius:10px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18),0 1px 1px rgba(0,0,0,.08);transition:transform .2s cubic-bezier(.4,0,.2,1)}.remember-toggle--on .remember-toggle-thumb{transform:translateX(18px)}.auth-focus-ring:focus-visible{outline:none;box-shadow:0 0 0 1px hsl(175,65%,31%),0 0 0 3px hsl(175,65%,85%)}.auth-illus-side{overflow:hidden}.auth-illus-stage{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(120% 80% at 20% 0,hsl(175,65%,93%) 0,transparent 55%),radial-gradient(120% 80% at 100% 100%,hsl(16,80%,94%) 0,transparent 50%),linear-gradient(160deg,hsl(175,40%,96%),hsl(40,35%,96%))}.auth-illus-quote{position:absolute;left:32px;right:32px;bottom:32px;color:hsl(222,47%,11%);font-size:13px;line-height:1.5;z-index:5}.auth-illus-quote .lead{font-size:14px;font-weight:500;color:hsl(175,55%,22%);letter-spacing:-.005em;margin-bottom:6px}.auth-illus-quote .body{color:hsl(222,30%,30%);max-width:320px}@keyframes tileIn{0%{transform:translateY(8px) scale(.96)}to{transform:translateY(0) scale(1)}}@keyframes stoneRise{0%{transform:translateY(40px) scale(.92)}to{transform:translateY(0) scale(1)}}@keyframes pulseDot{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.6);opacity:1}}@keyframes pathDraw{to{stroke-dashoffset:0}}@keyframes authSpin{to{transform:rotate(1turn)}}.auth-spinner{display:inline-flex;animation:authSpin .9s linear infinite}@media (prefers-reduced-motion:reduce){.auth-illus-stage *,.auth-illus-stage :after,.auth-illus-stage :before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.illus-path{stroke-dashoffset:0!important}}@media (max-width:880px){.auth-card{grid-template-columns:1fr;min-height:0}.auth-illus-side{height:180px;min-height:180px}.auth-illus-quote{display:none}.auth-form-side{padding:28px 22px 24px!important;min-height:0!important}}