.auth-page{min-height:100vh;background:#fff;color:var(--ink)}.auth-header{height:90px;width:min(1440px,100%);padding:0 48px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee9f3;gap:22px}.auth-help{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.auth-help span{display:inline-flex;align-items:center;gap:7px;color:#7734bd;font-weight:600}.auth-help .icon{width:15px;height:15px}.auth-layout{width:min(1370px,100%);margin:auto;display:grid;grid-template-columns:1.02fr 1fr;min-height:calc(100vh - 160px);padding:26px;gap:40px}.auth-story{background:radial-gradient(ellipse at 0 0,#eee2fd,transparent 75%),linear-gradient(135deg,#f7f1ff,#fcf2fb);border:1px solid #eee1f7;border-radius:24px;padding:clamp(30px,4vw,60px);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.auth-story .announcement{background:#fff8;font-size:9px;letter-spacing:.6px;margin-bottom:27px}.auth-story h2{font-size:clamp(32px,3.4vw,49px);line-height:1.13;letter-spacing:-.055em;margin-bottom:20px}.auth-story-copy>p{font-size:15px;max-width:370px;line-height:1.85;margin-bottom:27px}.auth-art{position:relative;padding:12px 10px 35px 0}.auth-photo-card{background:#fff;border:1px solid #eadcf4;border-radius:15px;box-shadow:0 20px 55px #66388919;transform:rotate(-3deg);overflow:hidden}.auth-photo-card>img{width:100%;height:auto;aspect-ratio:1.85;object-fit:cover;object-position:top}.auth-photo-caption{display:flex;align-items:center;justify-content:space-between;padding:16px 14px;font-size:8px;letter-spacing:.8px;color:#856b96}.auth-photo-caption>span:first-child{display:flex;align-items:center;gap:6px}.auth-photo-caption .icon{width:12px;height:12px}.auth-dots{color:#dbcae9;font-size:7px;letter-spacing:3px}.auth-photo-bottom{display:flex;align-items:center;justify-content:space-between;padding:16px;font-size:12px;color:#6e5a7f}.auth-photo-bottom .icon{color:#a355d5;width:19px}.auth-float{position:absolute;bottom:12px;right:-8px;display:flex;align-items:center;gap:11px;padding:14px 18px;background:#fff;border:1px solid #eaddf2;border-radius:12px;box-shadow:0 10px 30px #753ba414;transform:rotate(3deg)}.auth-float>.icon{width:30px;height:30px;padding:7px;background:#f3eafa;border-radius:50%;color:#9353c6}.auth-float strong{display:block;font-size:12px;font-weight:600}.auth-float small{display:block;font-size:10px;color:#8e7c9b;margin-top:5px}.auth-story-foot{display:flex;flex-wrap:wrap;gap:15px;margin-top:15px;font-size:10px;color:#7e668d}.auth-story-foot span{display:flex;align-items:center;gap:5px}.auth-story-foot .icon{width:14px;height:14px}
.auth-panel{display:flex;align-items:center;justify-content:center;padding:30px 32px;min-width:0}.auth-panel-inner{width:100%;max-width:425px}.auth-back{display:flex;align-items:center;gap:8px;border:0;padding:7px 0;color:#777184;background:none;font-size:12px;min-height:38px;margin-bottom:23px}.auth-back>.icon{transform:rotate(180deg);width:16px;height:16px}.auth-back:hover{color:var(--purple)}.auth-intro .section-kicker{font-size:9px;letter-spacing:1.5px;margin-bottom:14px}.auth-intro h1{font-size:35px;line-height:1.12;letter-spacing:-1.5px;margin-bottom:14px}.auth-intro p{font-size:14px;line-height:1.8;margin-bottom:26px}.auth-page .login-container,.auth-page .signup-container{width:100%}.auth-page .form-group{margin-bottom:20px}.auth-page .form-group>label{font-size:12px;font-weight:600;display:block;margin-bottom:9px}.auth-page .input-group{display:flex;align-items:stretch;position:relative;border:1px solid #e4deec;background:#fcfbfe;border-radius:10px;min-width:0;transition:box-shadow .15s,border-color .15s}.auth-page .input-group:focus-within{border-color:#a475df;box-shadow:0 0 0 3px #eee3fd}.auth-page .input-group input{width:100%;min-width:0;min-height:51px;border:0;background:none;padding:14px 15px;font:inherit;font-size:14px;color:var(--ink);border-radius:10px;outline:none}.auth-page input::placeholder{color:#8b8494;font-size:13px}.auth-page .input-group input:focus-visible{outline:2px solid #9b66d5;outline-offset:-2px}.auth-page .country-code{display:flex;align-items:center;justify-content:center;padding:0 15px;margin:12px 0;border-right:1px solid #e4deec;font-size:14px;color:#55485f;flex-shrink:0}.auth-page .input-group input[type=hidden]{display:none}.auth-page .toggle-password{flex-shrink:0;display:grid;place-items:center;width:46px;border:0;background:none;border-radius:10px;color:#8d7a9c;cursor:pointer}.auth-page .toggle-password:hover{color:#8640c5;background:#f7f0fd}.auth-page .toggle-password:focus-visible{outline:2px solid #9854d5;outline-offset:-4px}.auth-page .remember-forgot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px 0 25px;font-size:12px}.auth-page .remember-me{display:flex;align-items:center;gap:7px;min-height:32px}.auth-page .remember-me input{accent-color:#8c3bdd;width:16px;height:16px;margin:0;cursor:pointer}.auth-page .remember-me label{cursor:pointer;color:#6b6175}.auth-page .forgot-password{color:#8138c2;font-weight:550;min-height:32px;display:flex;align-items:center}.auth-page .login-btn{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:10px;background:linear-gradient(110deg,#8030ed,#9631d5 48%,#bd2692);color:#fff;width:100%;min-height:52px;padding:14px 18px;font:inherit;font-size:14px;font-weight:600;box-shadow:0 7px 18px #8b3cd221;cursor:pointer;transition:box-shadow .2s,transform .2s}.auth-page .login-btn:hover{box-shadow:0 9px 25px #8b3cd236;transform:translateY(-1px)}.auth-page .login-btn:focus-visible{outline:3px solid #b58ce5;outline-offset:3px}.auth-page .login-btn:disabled{opacity:.65;cursor:wait;transform:none}.auth-page .login-btn.loading{pointer-events:none;opacity:.8}.auth-page .btn-spinner{display:none;width:17px;height:17px;border:2px solid #fff6;border-top-color:#fff;border-radius:50%;animation:auth-spin .75s linear infinite}.auth-page .loading .btn-spinner{display:inline-block}.auth-page .loading .btn-text{display:none}.auth-page .btn-google{background:#fff;border-color:#e3ddec;box-shadow:none;color:#342d40;font-size:13px}.auth-page .btn-google .fa-google{color:#7844b9}.auth-page .divider{display:flex;align-items:center;gap:13px;margin:23px 0;color:#908597;font-size:11px}.auth-page .divider:before,.auth-page .divider:after{content:'';flex:1;height:1px;background:#eee8f4}.auth-page .divider:empty{margin:16px 0}.auth-page .signup-link,.auth-page .login-link{text-align:center;display:block;font-size:12px;line-height:1.7;margin-top:23px;color:#7d7386}.auth-page .signup-link a,.auth-page .login-link a,.auth-return a{color:#8035be;font-weight:600;padding-block:7px;display:inline-block}.auth-page .tc-box{text-align:center;font-size:10px;line-height:1.9;margin-top:23px;color:#9a90a2}.auth-page .tc-box br{display:none}.auth-page .tc-link{color:#79648d;text-decoration:underline;text-underline-offset:3px}.auth-return{text-align:center;font-size:12px;margin:22px 0 0}.auth-footer{width:min(1370px,100%);margin:auto;padding:20px 48px;display:flex;justify-content:space-between;gap:15px;color:#8c8395;font-size:10px}.auth-footer>div{display:flex;gap:22px}.auth-footer a{padding-block:6px}.auth-footer a:hover{color:#873aca}
.auth-page .login-step{display:none}.auth-page .login-step.active{display:block}.auth-page .welcome-text h2{font-size:24px;line-height:1.2;margin-bottom:12px}.auth-page .welcome-text p{font-size:13px;line-height:1.7;margin-bottom:23px}.auth-page .otp-container{display:flex;gap:13px;margin:25px 0}.auth-page .otp-input{min-width:0;width:62px;height:62px;border:1px solid #dfd3ec;border-radius:12px;background:#fcfaff;text-align:center;font:inherit;font-size:25px;font-weight:600;color:#7534b6;caret-color:#8940ce}.auth-page .otp-input:focus{outline:2px solid #9a64d8;outline-offset:2px;background:#fff}.auth-page .resend-otp{text-align:center;font-size:12px;margin:22px 0;color:#7d7386}.auth-page .resend-otp a{display:inline-flex;align-items:center;min-height:36px;color:#873aca;font-weight:600}.auth-page .resend-otp a.disabled{color:#91849b;pointer-events:none}.auth-progress{display:flex;list-style:none;padding:0;margin:0 0 28px;gap:18px}.auth-progress li{display:flex;gap:6px;align-items:center;font-size:9px;color:#908598;white-space:nowrap}.auth-progress li>span{display:grid;place-items:center;width:22px;height:22px;border:1px solid #e5dbea;border-radius:50%;font-size:9px}.auth-progress [aria-current=step]{color:#8032bf;font-weight:600}.auth-progress [aria-current=step]>span{background:#f1e4fd;border-color:#dcc2f0}.auth-panel[data-current-step="2"] .auth-intro>p,.auth-panel[data-current-step="3"] .auth-intro>p{display:none}.auth-panel[data-current-step="2"] .welcome-text h2,.auth-panel[data-current-step="3"] .welcome-text h2{display:none}.auth-page #alert:empty,.auth-page #response:empty{display:none}.auth-page #alert{margin-top:20px;scroll-margin-top:20px}.auth-feedback,.auth-notice{padding:13px 15px;border:1px solid #e6d4f4;border-radius:10px;background:#faf5ff;color:#724590;font-size:13px;line-height:1.65;overflow-wrap:anywhere}.auth-feedback[data-type=success]{background:#f0faf5;color:#286344;border-color:#cbe7d7}.auth-page #response{padding:12px;border-radius:8px;background:#fff2f4;color:#995266;margin-bottom:15px;font-size:13px}.auth-notice a{text-decoration:underline}.auth-page .auth-hidden-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@keyframes auth-spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.auth-layout{min-height:740px}.auth-story h2{font-size:52px}}
@media(max-width:1050px){.auth-header{padding-inline:30px}.auth-layout{padding:20px;gap:20px}.auth-story{padding:30px}.auth-panel{padding:25px 20px}.auth-story h2{font-size:37px}.auth-progress{gap:12px}.auth-art{padding-right:5px}.auth-story-foot{gap:10px;font-size:9px}.auth-intro h1{font-size:32px}.auth-float{right:-12px}}
@media(max-width:800px){.auth-header{height:76px;padding-inline:24px}.auth-layout{grid-template-columns:1fr;min-height:calc(100vh - 145px);padding:20px 24px 35px;gap:0}.auth-story{display:none}.auth-panel{padding:6px 0 15px;align-items:flex-start}.auth-panel-inner{max-width:440px}.auth-back{margin-bottom:24px}.auth-intro h1{font-size:34px}.auth-intro p{font-size:14px}.auth-page .input-group input{font-size:16px;min-height:54px}.auth-page .otp-input{font-size:25px}.auth-footer{padding:20px 24px}.auth-help{font-size:0;gap:0}.auth-help span{font-size:12px}.auth-page .login-btn{min-height:54px}.auth-page .login-link,.auth-page .signup-link{font-size:13px}.auth-page .tc-box{font-size:11px}.auth-progress{gap:18px}}
@media(max-width:400px){.auth-header{padding-inline:18px;gap:12px}.auth-header .brand{font-size:23px}.auth-header .brand img{width:31px;height:31px}.auth-help span{font-size:10px;gap:4px}.auth-help .icon{width:13px}.auth-layout{padding-inline:22px}.auth-intro h1{font-size:31px}.auth-intro p{font-size:13px}.auth-progress{gap:12px}.auth-progress li{font-size:8px;gap:4px}.auth-progress li>span{width:20px;height:20px}.auth-page .remember-forgot{font-size:11px;gap:10px}.auth-page .otp-container{gap:11px}.auth-page .otp-input{height:56px;width:56px}.auth-footer{flex-direction:column;align-items:center;gap:8px;font-size:9px}.auth-page .country-code{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.auth-page .btn-spinner{animation:none}.auth-page .login-btn{transition:none}}
.auth-panel[data-current-step="1"] .auth-return,.auth-panel[data-current-step="2"] .auth-return{display:none}