.login-stage{--ink:#15284c;--muted:#7083a6;--bg:#eef2ff;--card:#ffffff;--accent:#2757ef;--border:#dce4fa;--input:#f4f7ff;--button:#fff;--shadow:#2654d916;}
.login-stage,.login-stage *{box-sizing:border-box}
.login-stage{margin:0;font:15px Arial,sans-serif;width:100%;min-height:100vh;color:var(--ink);background:var(--bg)}
.login-stage button,.login-stage input{font:inherit}
.login-stage{padding:22px 24px 18px}
.login-stage .top{display:flex;justify-content:space-between;align-items:center}
.login-stage .brand{font-size:29px;letter-spacing:-1.5px;font-weight:800}
.login-stage .dot{color:var(--accent)}
.login-stage .tag{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;opacity:.6}
.login-stage .label{font-size:10px;font-weight:700;letter-spacing:2px;margin:24px 0 12px;color:var(--accent)}
.login-stage h1{font-size:39px;line-height:1.08;letter-spacing:-1.5px;margin:0 0 12px}
.login-stage p{line-height:1.5;margin:0;color:var(--muted)}
.login-stage .art{height:105px;margin:9px 0 3px;color:var(--accent)}
.login-stage .art svg{height:100%;width:100%}
.login-stage .card{border-radius:27px;padding:25px 22px;background:var(--card);border:1px solid var(--border);box-shadow:0 15px 50px var(--shadow)}
.login-stage h2{font-size:21px;margin:0 0 5px;letter-spacing:-.5px}
.login-stage .sub{font-size:12px;margin-bottom:20px}
.login-stage .field{display:block;font-size:12px;font-weight:700;margin-top:15px}
.login-stage .input{display:flex;align-items:center;background:var(--input);border:1px solid var(--border);border-radius:15px;height:49px;margin-top:8px;padding:0 14px;gap:10px}
.login-stage .input span{opacity:.5;font-size:16px}
.login-stage input{border:0;background:transparent;color:var(--ink);width:100%;outline:none;font-size:13px}
.login-stage input::placeholder{color:var(--muted);opacity:.7}
.login-stage .submit{margin-top:22px;width:100%;height:51px;border:0;border-radius:16px;background:var(--accent);color:var(--button);font-weight:700;box-shadow:0 7px 20px var(--shadow)}
.login-stage .accounts{display:flex;gap:8px;margin:17px 0 0}
.login-stage .accounts button{border:1px solid var(--border);border-radius:12px;background:transparent;color:var(--ink);font-size:10px;padding:11px 6px;flex:1}
.login-stage .demo{margin-top:15px;text-align:center;color:var(--accent);font-size:12px}
.login-stage .foot{text-align:center;font-size:10px;line-height:1.5;color:var(--muted);padding:19px 18px 0}
.login-stage .option{text-align:center;font-size:10px;letter-spacing:1.4px;margin-top:17px;color:var(--muted)}
.login-stage{background:radial-gradient(ellipse at 100% 0%,#cfc5ff,transparent 43%),radial-gradient(ellipse at 0% 25%,#c0ddff,transparent 46%),#edf2ff}
.login-stage .art{color:#6c61eb}
.login-stage .label{color:#6c61eb}
body:has(.login-stage){background:#edf2ff}.login-stage{max-width:440px;margin:0 auto}.login-stage .accounts .btn{width:auto;min-width:0;display:block}.login-stage #authform .btn{margin-top:22px;width:100%;height:51px;border:0;border-radius:16px;background:#2757ef;color:#fff;font-weight:700}.login-stage #authform{display:block}.login-stage .field{margin-bottom:0}.login-stage input{padding:0;min-height:0}.login-stage .demo{border:0;background:transparent;width:100%;padding:0}.login-stage .error{font-size:12px;margin-top:12px}.login-stage .card{margin:0}.login-stage h1,.login-stage h2{color:#15284c}.login-stage p{color:#7083a6}@media(min-width:651px){.login-stage{margin:28px auto;border-radius:32px;min-height:0;box-shadow:0 24px 80px #2654d916}}
.googleAuth{margin:22px 0 6px}.googleButton{width:100%;background:#fff!important;color:#17385e!important;border:1px solid #b9cce3!important;min-height:48px;border-radius:14px}.googleRole{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#586d88;margin-bottom:10px}.googleRole select{max-width:190px;padding:7px 10px;background:#f5f8fc;color:#17385e;border:1px solid #d8e3ef;border-radius:10px}.googleTestNote{display:block;font-size:11px;line-height:1.5;color:#586d88;margin-top:8px}.googleDivider{text-align:center;font-size:11px;color:#7890aa;margin-top:18px}
@media(max-width:650px){.login-stage .top{display:block!important}.login-stage .tag{display:block;line-height:1.5;margin-top:5px;max-width:210px}.googleRole{display:block!important}.googleRole select{max-width:none!important;width:100%;margin-top:6px}.login-stage .brand{display:block}}
/* Quieter sign-in: no decorative gradients, illustration or marketing filler. */
body:has(.login-stage){background:#f5f7fb}.login-stage{background:#f5f7fb;padding:24px 22px 28px;font-family:system-ui,-apple-system,sans-serif;color:#182d49}.login-stage .top{display:flex!important;padding-right:60px;margin-bottom:42px}.login-stage .brand{font-family:Georgia,serif;letter-spacing:-1px;font-size:32px;font-weight:700}.login-stage .dot{color:#182d49}.login-stage h1{font-size:34px;line-height:1.15;letter-spacing:-1.25px;font-weight:750;margin-bottom:12px;max-width:320px}.login-stage>p{font-size:14px;color:#718096;max-width:290px}.login-stage .card{margin-top:30px;border-radius:22px;border:1px solid #e0e6ef;box-shadow:0 8px 24px #1a345b05;padding:25px 21px}.login-stage h2{font-size:20px;letter-spacing:-.4px}.login-stage .sub{font-size:12px}.login-stage .input{background:#fff;border-color:#d3deec;border-radius:13px;height:50px;padding:0 13px}.login-stage input{font-size:16px}.login-stage #authform .btn{height:49px;border-radius:13px;background:#2460ed;font-size:14px;margin-top:20px}.login-stage .accounts{gap:9px}.login-stage .accounts button{font-size:11px;line-height:1.45;padding:11px 9px;border-radius:13px;border-color:#dbe3ef}.login-stage .demo{color:#54739a;font-size:12px;padding-top:4px}.login-stage .foot{font-size:11px;padding-top:20px;color:#7b8ca4}.googleRole{font-size:12px}.googleTestNote{font-size:11px}.login-stage .googleButton{border-color:#d3deec!important;font-size:14px}.login-stage .googleRole select{border-radius:12px;background:#f8faff}.login-stage .googleAuth{margin-top:22px}@media(min-width:651px){.login-stage{box-shadow:none;max-width:460px;border:0;margin:36px auto}}
.language-switch{background:transparent;border:0;padding:0;box-shadow:none;top:20px;right:20px}.language-switch button{border:1px solid #dbe3ef;background:#fff;padding:7px 11px;min-height:32px;min-width:43px;border-radius:30px;font-size:11px;color:#365577}
.login-premium{background:linear-gradient(180deg,#e8efff 0,#f6f8fc 260px);padding-top:26px}.login-premium .top{margin-bottom:27px}.login-premium h1{font-size:35px;max-width:350px;line-height:1.12;margin-bottom:12px}.login-premium>.loginRoleCopy{min-height:42px;color:#587291;font-size:13px;line-height:1.55;max-width:320px}.login-premium .card{margin-top:24px;box-shadow:0 14px 45px #163e7d0a;padding:19px 20px 24px;border-color:#dce5f3}.loginRoleTabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.loginRoleTabs button{border:1px solid #dfe7f2;background:#f8faff;color:#5b7393;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:11px 3px;font-size:11px;font-weight:650;min-height:74px}.loginRoleTabs button.active{background:#edf3ff;border-color:#729bfa;color:#215ad8;box-shadow:inset 0 0 0 1px #729bfa20}.loginRoleIcon svg{width:21px;height:21px}.loginRoleHelp{font-size:11px!important;color:#7386a0!important;line-height:1.5!important;margin:12px 0 0!important;min-height:32px}.login-premium .googleAuth{margin-top:14px}.login-premium .googleButton{display:flex;justify-content:center;align-items:center;gap:12px;font-weight:650!important;border-color:#d4dfef!important;box-shadow:0 3px 8px #163e7d04}.login-premium .googleDivider{margin:15px 0 3px;font-size:11px}.login-premium .loginPrivacy{display:none}.login-premium .accounts{margin-top:14px}.login-premium .accounts button{flex:none;width:100%;font-size:12px;padding:11px}.login-premium .accounts button[hidden]{display:none}.login-premium .field{margin-top:14px}.login-premium .foot{padding-top:18px}.login-premium .brand{color:#1d4b98!important}.login-premium .demo{padding-top:2px;margin-top:13px}.login-premium .input input::placeholder{font-weight:400}.login-premium .input input{font-weight:450}.login-premium .top:after{content:'';width:28px;height:28px;border-radius:9px;background:#2460ed12;position:absolute;left:145px;top:32px;transform:rotate(12deg);border:1px solid #2460ed20}@media(min-width:651px){.login-premium .top:after{display:none}.login-premium{background:linear-gradient(180deg,#e8efff,#f6f8fc 260px)}}
.login-premium .googleRole[hidden]{display:none!important}.login-premium .accounts button{width:100%!important}.login-premium .top:after{display:none}.login-premium .loginPrivacy{display:block;font-size:10px;text-align:center;margin-top:9px}.login-premium .loginPrivacy a{color:#7386a0;text-decoration:none}.login-premium .card{margin-bottom:0}