.login-page{--login-ink:#283653;--login-muted:#756e7e;--login-orange:#e96f27;color:var(--login-ink);background:radial-gradient(ellipse at 4% 6%,#fff0dd 0,transparent 40%),radial-gradient(ellipse at 96% 20%,#eaf2ff 0,transparent 38%),#fffaf5}
.login-page .auth-topbar{position:relative;height:76px;min-height:76px;display:flex;flex-wrap:nowrap;padding:0 max(5vw,22px);border-bottom:1px solid #f1e5db;background:rgba(255,250,245,.92)}
.login-page .brand{color:var(--login-ink)}.login-page .brand small{color:#7d7180}.login-home{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:999px;background:#fff0e1;color:#ad5128;font-size:13px;font-weight:700;white-space:nowrap}.login-home .m-icon{width:18px;height:18px}.login-home:hover{background:#ffe5cf}
.login-page .auth-main{overflow:visible;min-height:calc(100dvh - 76px);display:flex;align-items:center;padding:42px 24px 64px}.login-page .auth-shell{width:100%;max-width:1080px;margin:auto;display:grid;grid-template-columns:1.02fr .98fr;gap:24px;align-items:stretch}
.login-page .auth-visual,.login-page .auth-card{border-radius:30px;border:1px solid #f1e4d9;box-shadow:0 12px 38px rgba(117,81,65,.075);overflow:hidden}
.login-page .auth-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:490px;padding:36px 38px 0;background:radial-gradient(circle at 80% 74%,rgba(221,232,255,.8),transparent 40%),linear-gradient(135deg,#ffead3,#fff6ed 60%,#f4efff)}
.login-page .login-intro{position:relative;z-index:1}.login-page .auth-chip{gap:6px;padding:7px 11px;color:#ad5528;font-size:12px;background:#fff8ed;border:1px solid #ffdfc2}.login-page .auth-chip .m-icon{width:15px;height:15px}.login-page .auth-visual h1{font-size:clamp(32px,3vw,43px);line-height:1.2;color:var(--login-ink);margin:18px 0 12px;letter-spacing:-.035em}.login-page .auth-visual p{max-width:360px;margin:0;color:#706b7d;font-size:15px;line-height:1.75}.login-highlights{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.login-highlights span{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:13px;background:#fffaf2cc;color:#806451;font-size:12px;font-weight:700}.login-highlights .m-icon{width:17px;height:17px;color:#df792f}
.login-art{position:relative;display:grid;place-items:end center;min-height:230px;isolation:isolate}.login-art-circle{position:absolute;z-index:-1;bottom:-88px;width:320px;height:320px;border-radius:50%;background:linear-gradient(145deg,#ffe4bd,#e7e8ff);opacity:.65}.login-page .auth-mascot{position:relative;width:min(260px,75%);height:auto;margin:0;filter:drop-shadow(0 12px 20px #bc98772b);animation:fsFloat 7s ease-in-out infinite}
.login-page .auth-card{display:flex;align-items:center;padding:46px;background:#fffdfb}.login-page .auth-card:before{display:none}.login-card-inner{width:100%;max-width:370px;margin:auto}.login-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:24px;border-radius:20px;color:#c86029;background:#ffead7}.login-icon .m-icon{width:26px;height:26px}.login-page .auth-card-head{margin:0 0 22px}.login-page .auth-kicker{padding:0;background:none;color:#b96738;font-size:11px;letter-spacing:.12em}.login-page .auth-card-head h2{font-size:30px;line-height:1.25;color:var(--login-ink);margin:8px 0 10px}.login-page .auth-card-head p{font-size:14px;color:var(--login-muted);line-height:1.65}
.login-status{margin:0 0 18px;color:#756e7e;font-size:13px;line-height:1.65;overflow-wrap:anywhere}.login-page .auth-card .auth-submit.btn.primary{display:flex;align-items:center;gap:9px;min-height:54px;margin:0;padding:12px 18px;border-radius:18px;background:linear-gradient(105deg,#ef732b,#ff974d);font-size:14px;box-shadow:0 8px 20px #e97f3530}.login-page .auth-submit .m-icon{width:19px;height:19px;flex:none}.login-button-arrow{margin-left:auto}.login-page .auth-card .auth-submit.btn.primary:disabled{opacity:.65;cursor:wait;transform:none;box-shadow:none}.login-register{margin:17px 0 0;color:#7c7380;font-size:13px;line-height:1.65}.login-divider{height:1px;background:#f1e8e2;margin:24px 0}.login-safety{display:flex;align-items:flex-start;gap:9px;color:#8b8190;font-size:12px;line-height:1.6}.login-safety .m-icon{width:18px;height:18px;flex:none;color:#9b89bb}
@media(max-width:800px){.login-page .auth-main{min-height:calc(100dvh - 68px);align-items:flex-start;padding:22px 16px 48px}.login-page .auth-shell{max-width:520px;grid-template-columns:1fr;gap:16px}.login-page .auth-card{order:1;padding:28px 24px}.login-page .auth-visual{order:2;min-height:0;padding:26px 24px 0}.login-page .auth-visual h1{font-size:28px}.login-page .auth-visual h1 br{display:none}.login-page .auth-visual p{font-size:13px}.login-art{min-height:155px}.login-art-circle{width:210px;height:210px;bottom:-65px}.login-page .auth-mascot{width:175px}.login-icon{width:48px;height:48px;margin-bottom:17px;border-radius:17px}.login-page .auth-card-head h2{font-size:26px}.login-page .auth-card-head{margin-bottom:18px}}
@media(max-width:480px){.login-page .auth-topbar{height:68px!important;min-height:68px;padding:9px 16px!important}.login-home{padding:9px 11px;font-size:12px}.login-page .auth-main{padding:16px 12px 36px}.login-page .auth-card,.login-page .auth-visual{border-radius:24px}.login-page .auth-card{padding:24px 20px}.login-highlights{margin-top:14px}.login-page .auth-visual{padding:22px 20px 0}}
@media(prefers-reduced-motion:reduce){.login-page .auth-mascot{animation:none!important}.login-page .auth-submit{transition:none!important}}