.lumea-login-page{padding:42px 24px 72px;min-height:65dvh;display:grid;place-items:start center}
.lumea-sign-in{width:100%;max-width:580px;padding:32px;background:var(--lm-panel);color:var(--lm-ink);border:1px solid var(--lm-line);border-top:4px solid var(--lm-accent)}
.lumea-sign-in-brand{font-size:25px;font-weight:950;font-style:italic;letter-spacing:-1px}.lumea-sign-in-brand span{color:var(--lm-accent-ink)}
.lumea-sign-in-caption{color:var(--lm-muted);font-size:13px;margin:25px 0 10px}
html body.lumea-sport .lumea-sign-in h1{font-size:clamp(34px,5vw,51px);font-weight:950;font-style:italic;text-transform:uppercase;line-height:1.02;letter-spacing:-.055em;margin:0 0 20px}.lumea-sign-in h1 span{color:var(--lm-accent-ink)}
.lumea-sign-in>p{line-height:1.6;max-width:40ch}.lumea-sign-in ul{list-style:none;padding:18px 0;margin:24px 0;border-block:1px solid var(--lm-line);display:grid;gap:17px}.lumea-sign-in li{display:flex;align-items:center;gap:13px;font-size:14px}.lumea-sign-in li svg{color:var(--lm-accent-ink);flex:none}
html body.lumea-sport .lumea-sign-in-action{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;min-height:56px;background:var(--lm-accent);color:var(--lm-on-accent);font-size:15px;font-weight:850;text-decoration:none;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.lumea-sign-in-action:hover svg{translate:3px -3px}.lumea-sign-in-action svg{transition:translate .2s}
html body.lumea-sport .lumea-sign-in-guest{display:flex;gap:8px;align-items:center;justify-content:center;min-height:48px;margin-top:12px;color:var(--lm-muted);font-size:13px;text-decoration:none}
.lumea-sign-in-note{font-size:12px;color:var(--lm-muted)}.lumea-sign-in a:focus-visible{outline:2px solid var(--lm-accent-ink);outline-offset:4px}
.player-load-state{max-width:580px;margin:32px auto;padding:28px;border-top:3px solid var(--lm-accent);background:var(--lm-panel);color:var(--lm-ink)}.player-load-state h1{font-size:27px;font-style:italic}.player-load-state button{background:var(--lm-accent);color:var(--lm-on-accent);border:0;min-height:44px;padding:12px 20px;font-weight:800;cursor:pointer}
@media(max-width:600px){.lumea-login-page{padding:22px 18px 40px}.lumea-sign-in{padding:25px 22px}.lumea-sign-in li{font-size:13px}}
@media(prefers-reduced-motion:reduce){.lumea-sign-in-action svg{transition:none}}
html[data-lumea-motion=reduced] .lumea-sign-in-action svg{transition:none}