:root { --fg:#222; --bg:#fff; --muted:#666; --link:#0a66c2; --border:#eee; }
* { box-sizing: border-box; }
html, body { margin:0; padding:0; background:var(--bg); color:var(--fg); font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; line-height:1.5; }
.container { max-width: 980px; margin: 0 auto; padding: 1rem; }
.site-header, .site-footer { border-bottom: 1px solid var(--border); }
.site-footer { border-top: 1px solid var(--border); border-bottom: none; margin-top:2rem; padding-top:1rem; }
.header-inner { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }
.brand { font-weight: 700; margin-right: .5rem; text-decoration: none; color: var(--fg); }
.nav { display:flex; gap:.75rem; flex-wrap:wrap; }
.nav a, .language-switcher a { text-decoration: none; color: var(--link); }
.language-switcher { display:flex; gap:.5rem; margin-left:auto; font-size:.95rem; }
.language-switcher a[aria-current="true"] { color: var(--fg); font-weight:700; }
main { min-height: 55vh; }
code { background: #f4f4f4; padding: .15rem .35rem; border-radius: 4px; }
@media (max-width: 640px) {
  .header-inner { align-items:flex-start; flex-direction:column; }
  .language-switcher { margin-left:0; }
}

.fanworld-summary {
  margin: 2rem 0;
}

.fanworld-summary__label {
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.login-box {
  margin: 1.5rem 0 2rem;
}

.login-box__form {
  max-width: 420px;
}