:root{color-scheme:dark;font-family:Inter,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px;color:#f0f0f3;background:radial-gradient(90% 60% at 50% -10%,#3a141b 0,transparent 70%),#101012}
main{position:relative;width:min(440px,100%);padding:36px 32px 32px;border:1px solid #35353e;background:#19191d;border-radius:14px;box-shadow:0 24px 60px #0007}
img{display:block;width:230px;max-width:100%;height:auto;margin:8px auto 0}
.wordmark{text-align:center;letter-spacing:.45em;text-indent:.45em;font-size:11px;font-weight:700;margin:12px 0 28px;color:#d8d8de}
.languages{position:absolute;top:10px;right:12px;display:flex;align-items:center;gap:2px;font-size:13px;color:#74747f}
button{font:inherit;color:inherit;cursor:pointer}
.languages button{min-width:36px;min-height:36px;padding:6px;border:0;border-radius:6px;background:none;color:#a3a3ae;font-weight:600}
.languages button:hover{color:#fff}
.languages button[aria-pressed="true"]{color:#fff;font-weight:800}
h1{font-size:26px;line-height:1.2;margin:0 0 8px;text-align:center;letter-spacing:-.02em}
p{font-size:14px;line-height:1.6;color:#bdbdca;margin:0;text-align:center}
.login-note{margin-top:14px;font-size:13px;color:#a9a9b4}
label{display:block;margin:20px 0 8px;font-size:14px}
input{width:100%;padding:13px;font:inherit;color:#fff;background:#101012;border:1px solid #686875;border-radius:6px}
form button{width:100%;margin-top:24px;min-height:48px;border:1px solid #df5564;background:#9f2f40;border-radius:6px;font-weight:650}
form button:hover{background:#b43549}
form button:disabled{opacity:.6;cursor:progress}
.error{margin-top:16px;padding:10px 12px;border:1px solid #6d2c35;border-radius:6px;background:#2a1519;color:#ffb0ba;text-align:left}
input:focus-visible,button:focus-visible{outline:2px solid #ff8997;outline-offset:3px}
.twitch-login{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;margin-top:24px;padding:12px 20px;background:#6441a5;border:1px solid #b79ae6;border-radius:8px;color:#fff;font-size:17px;font-weight:700;text-decoration:none;transition:background-color .15s ease}
.twitch-login:hover{background:#7751bb}
.twitch-login:focus-visible{outline:3px solid #fff;outline-offset:3px}
.admin-link{display:inline-block;margin-top:18px;color:#bdbdca;font-size:13px}
@media(max-width:420px){main{padding:32px 20px 24px}h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){.twitch-login{transition:none}}