/* Seven Stars music login: one connected card, four account entry points. */
body.split-music-login{min-height:100svh;height:auto;padding:40px 28px;display:grid;place-items:center;background:radial-gradient(ellipse at 16% 16%,#e62e2d0b,transparent 45%),var(--bg)}
.split-music-login .auth{width:100%;max-width:1160px;min-height:0;padding:0;gap:0;grid-template-columns:.96fr 1.04fr;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 28px 80px #0002}
.split-music-login .auth-hero{min-height:760px;height:100%;border-radius:0;padding:34px 38px;isolation:isolate;background:#090909;justify-content:space-between}
.split-music-login .login-music-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.split-music-login .auth-hero::after{z-index:-1;background:linear-gradient(180deg,#0007,transparent 27%,#08080844 45%,#080808f5 100%)}
.split-music-login .brand{position:relative;z-index:1;font-size:23px}
.split-music-login .brand-img{max-width:190px;object-fit:contain}
.split-music-login .hero-copy{margin-top:260px;max-width:390px}
.music-eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.2em;font-weight:700;color:#fff9;margin-bottom:20px}
.music-eyebrow>span{width:30px;height:3px;background:#e62e2d;border-radius:3px}
.split-music-login .auth-hero h1{font-size:clamp(38px,4vw,56px);line-height:1.05;letter-spacing:-.045em;margin-bottom:18px}
.split-music-login .auth-hero p{font-size:15px;line-height:1.65;color:#fff9;max-width:32ch;margin-bottom:30px}
.music-caption{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:600;letter-spacing:.12em;color:#fff8}
.music-status{width:6px;height:6px;background:#e62e2d;border-radius:50%;box-shadow:0 0 14px #e62e2d}
.split-music-login .auth-main{border-radius:0;padding:24px 46px 28px;background:var(--surface)}
.split-music-login .auth-top{font-size:12px;margin-bottom:16px}
.split-music-login .form-wrap{max-width:430px;margin:auto;padding:10px 0 0}
.login-wordmark{display:flex;align-items:center;gap:10px;text-transform:uppercase;font-weight:800;font-size:12px;letter-spacing:.16em;margin-bottom:22px;color:var(--text)}
.login-wordmark>span{width:22px;height:3px;border-radius:3px;background:var(--accent)}
.split-music-login .form-wrap h2{font-size:42px;letter-spacing:-.045em;margin:0 0 10px}
.split-music-login .form-wrap>.lead{font-size:14px;line-height:1.6;margin:0 0 22px;color:var(--muted)}
.account-picker-label{font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--muted);margin:0 0 10px}
.split-music-login .login-role-grid{gap:8px;margin-bottom:24px}
.split-music-login .role-card{min-height:62px;padding:10px;border-radius:12px;gap:9px}
.split-music-login .role-ic{width:30px;height:32px;border-radius:9px}
.split-music-login .role-txt b{font-size:13px}
.split-music-login .role-txt small{font-size:10px;margin-top:3px}
.split-music-login .field{margin-bottom:18px}
.split-music-login .field label{font-size:12px;font-weight:700}
.split-music-login .input{border-radius:10px;min-height:50px;background:var(--surface-2)}
.split-music-login .input input{padding-top:14px;padding-bottom:14px;font-size:14px}
.split-music-login .label-row a{font-size:11px}
.split-music-login .check{font-size:12px;margin-bottom:22px}
.split-music-login .btn-primary{min-height:50px;border-radius:10px;font-size:14px;box-shadow:0 8px 20px #e62e2d18}
.split-music-login .divider{margin:20px 0 16px}
.split-music-login .btn-outline{min-height:46px;border-radius:10px}
.login-create{font-size:12px;text-align:center;margin:20px 0 0;color:var(--muted)}
.login-create a{color:var(--accent);font-weight:700;text-decoration:none}
.split-music-login .fine{font-size:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);line-height:1.7}
@media(max-width:980px) and (min-width:761px){.split-music-login .auth{grid-template-columns:.85fr 1.15fr}.split-music-login .auth-main{padding:24px}.split-music-login .auth-hero{padding:30px 24px}.split-music-login .auth-hero h1{font-size:40px}}
@media(max-width:760px){body.split-music-login{padding:14px 12px;display:block}.split-music-login .auth{grid-template-columns:1fr;max-width:520px;margin:0 auto;border-radius:20px}.split-music-login .auth-hero{min-height:245px;height:245px;padding:22px 24px}.split-music-login .login-music-image{object-position:center 38%}.split-music-login .hero-copy{margin-top:auto;max-width:none}.split-music-login .auth-hero h1{font-size:32px;margin:0}.split-music-login .auth-hero h1 br{display:none}.split-music-login .auth-hero p,.music-caption,.music-eyebrow{display:none}.split-music-login .auth-hero::after{background:linear-gradient(180deg,#0007,transparent 25%,#090909e8)}.split-music-login .brand{font-size:20px}.split-music-login .auth-main{padding:20px 24px 26px}.split-music-login .auth-top{margin-bottom:20px}.split-music-login .form-wrap{padding:0;max-width:none}.login-wordmark{margin-bottom:18px}.split-music-login .form-wrap h2{font-size:34px}.split-music-login .form-wrap>.lead{margin-bottom:20px}}
@media(max-width:380px){.split-music-login .auth-main{padding:18px}.split-music-login .role-txt small{font-size:9px}.split-music-login .auth-hero{height:210px;min-height:210px}.split-music-login .auth-hero h1{font-size:28px}}

@media(min-width:761px){
.split-music-login .auth-main{position:relative;padding:28px 46px}
.split-music-login .auth-top{position:absolute;top:12px;left:20px;right:20px;margin:0}
.split-music-login .auth-top .back{font-size:10px}
.split-music-login .form-wrap{padding-top:28px}
.split-music-login .login-wordmark{margin-bottom:14px}
.split-music-login .form-wrap>.lead{margin-bottom:16px}
.split-music-login .login-role-grid{margin-bottom:18px}
.split-music-login .role-card{min-height:54px;padding:8px 10px}
.split-music-login .field{margin-bottom:12px}
.split-music-login .check{margin-bottom:14px}
.split-music-login .input{min-height:46px}
.split-music-login .input input{padding-top:12px;padding-bottom:12px}
.split-music-login .divider{margin:16px 0 12px}
.split-music-login .btn-google{height:46px;margin-bottom:0}
.split-music-login .login-create{margin-top:16px}
.split-music-login .fine{margin-top:14px;padding-top:12px}
}