.auth-shell{z-index:3;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;justify-content:center;width:100%;max-width:480px;height:100dvh;margin:0 auto;padding:20px;display:flex;position:relative;overflow-y:auto}.auth-shell::-webkit-scrollbar{display:none}.auth-card{-webkit-backdrop-filter:blur(22px)saturate(1.6);background:#0a0a0c73;border:1px solid #ffffff29;border-radius:28px;flex-direction:column;gap:12px;margin:auto 0;padding:18px;transition:background .7s cubic-bezier(.16,1,.3,1),border-color .7s cubic-bezier(.16,1,.3,1),box-shadow .7s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .7s cubic-bezier(.16,1,.3,1),backdrop-filter .7s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #ffffff0d,0 18px 48px #0000008c}.auth-card.is-splash{pointer-events:none;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border-color:#0000!important}.auth-hero{will-change:transform;justify-content:center;align-items:center;height:84px;transition:transform .75s cubic-bezier(.16,1,.3,1);display:flex}.auth-body{opacity:1;flex-direction:column;gap:12px;transition:opacity .5s cubic-bezier(.16,1,.3,1) .15s,transform .6s cubic-bezier(.16,1,.3,1) .1s;display:flex;transform:translateY(0)}.auth-body.is-hidden{visibility:hidden;opacity:0!important;pointer-events:none!important;transform:translateY(24px)scale(.96)!important}.auth-stage{flex-direction:column;gap:12px;display:flex}.auth-stage-forward{animation:.35s cubic-bezier(.16,1,.3,1) both authStageForward}.auth-stage-backward{animation:.35s cubic-bezier(.16,1,.3,1) both authStageBackward}@keyframes authStageForward{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes authStageBackward{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.auth-heading{text-align:center;flex-direction:column;align-items:center;gap:4px;margin:8px 0 6px;display:flex}.auth-card.is-compact .auth-heading{margin:4px 0 2px}.auth-title{color:#fff;letter-spacing:.3px;font-family:Outfit,Inter,sans-serif;font-size:1.6rem;font-weight:700}.auth-subtitle{color:#ffffff80;font-size:.8rem}.auth-form{flex-direction:column;gap:10px;display:flex}.auth-field{width:100%;position:relative}.auth-input{color:#fff;background:#ffffff12;border:1px solid #ffffff24;border-radius:16px;outline:none;width:100%;height:50px;padding:0 16px;font-family:Outfit,Inter,sans-serif;font-size:.95rem;transition:background .2s,border-color .2s;box-shadow:inset 0 1px #ffffff14}.auth-input::placeholder{color:#ffffff73}.auth-input:focus{background:#ffffff1c;border-color:#ffffff80}.auth-field-eye .auth-input{padding-right:48px}.auth-eye-btn{color:#ffffff8c;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:color .2s,background .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.auth-eye-btn:hover{color:#fff;background:#ffffff14}.auth-submit{letter-spacing:1.2px;color:#fff;cursor:pointer;background:#52257e;border:1px solid #c084fc52;border-radius:16px;width:100%;height:50px;margin-top:4px;font-family:Outfit,Inter,sans-serif;font-size:.95rem;font-weight:700;transition:background .2s,border-color .2s,transform .1s;box-shadow:inset 0 1px #ffffff2e,0 8px 24px #00000073}.auth-submit:hover:not(:disabled){background:#602d91;border-color:#c084fc7a}.auth-submit:active:not(:disabled){background:#441c69;transform:scale(.98)}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-error{color:#fecaca;text-align:center;background:#ef444429;border:1px solid #ef444461;border-radius:14px;padding:10px 14px;font-size:.82rem}.auth-suggestion{color:#ffffffa6;padding-left:4px;font-size:.78rem}.auth-suggestion button{color:#fff;text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.auth-terms{text-align:center;color:#fff9;margin-top:2px;font-size:.74rem}.auth-terms a,.auth-switch a{color:#c084fc;font-weight:700;text-decoration:none;transition:color .2s}.auth-terms a:hover,.auth-switch a:hover{color:#fff;text-decoration:underline}.auth-switch{text-align:center;color:#fff9;margin-top:4px;font-size:.85rem}@media (max-height:700px){.auth-shell{padding:12px 20px}.auth-card{gap:10px;padding:14px}.auth-hero{height:68px}.auth-form{gap:8px}.auth-input,.auth-submit{height:46px}}@media (prefers-reduced-motion:reduce){.auth-card,.auth-hero,.auth-body{transition:none!important}.auth-stage-forward,.auth-stage-backward{animation:none!important}}