/* Speedball's small web pages (password reset, privacy, terms): same colors as the game's lobby. */
:root { --bg: #070a14; --panel: #141a2b; --text: #fff; --muted: #9ea8c7; --accent: #8050f2; --error: #ff7373; --ok: #6be38f; }
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(ellipse at top, #16203a 0%, var(--bg) 70%); background-color: var(--bg);
	color: var(--text); font: 16px/1.55 Arial, sans-serif; min-height: 100vh; padding: 48px 16px; }
main { max-width: 640px; margin: 0 auto; background: var(--panel); border-radius: 16px; padding: 32px; }
h1 { font-family: 'Arial Black', Arial, sans-serif; letter-spacing: 2px; margin: 0 0 8px; font-size: 28px; }
h2 { font-size: 17px; margin: 28px 0 6px; }
p, li { color: var(--muted); }
a { color: #b9a1ff; }
label { display: block; color: var(--muted); font-size: 13px; letter-spacing: 1px; margin: 18px 0 6px; }
input { width: 100%; padding: 12px 14px; font-size: 17px; border-radius: 10px; border: 1px solid #2c3550; background: #0d1222; color: var(--text); }
button { margin-top: 20px; width: 100%; padding: 14px; font-size: 17px; font-weight: bold; border: 0; border-radius: 10px;
	background: var(--accent); color: #fff; cursor: pointer; }
button:disabled { opacity: 0.5; }
.msg { margin-top: 16px; min-height: 1.5em; }
.msg.error { color: var(--error); }
.msg.ok { color: var(--ok); }