/* Static pages (famous people, about, method, privacy). Tokyo Night, like the app. */
:root {
  --bg: #1a1b26; --bg-dark: #13141c; --bg-darker: #0e0e14; --bg-light: #24283b; --muted: #414868;
  --fg: #a9b1d6; --fg-dim: #565f89; --fg-bright: #c0caf5; --accent: #7aa2f7; --yellow: #e0af68;
  --orange: #ff9e64; --red: #f7768e; --magenta: #bb9af7; --cyan: #0db9d7;
}
* { box-sizing: border-box; }
html, body { margin: 0; overflow-x: hidden; }
body { font-family: "JetBrains Mono", ui-monospace, monospace; color: var(--fg); line-height: 1.6; font-size: 15px;
  background: var(--bg-darker) radial-gradient(800px 500px at 0% 0%, rgba(122,162,247,.14), transparent 60%) fixed; }
a { color: var(--accent); }
.top { padding: 14px 16px; }
.brand { color: var(--fg-bright); font-weight: 800; text-decoration: none; letter-spacing: -.02em; }
.brand span { color: var(--accent); }
main { max-width: 760px; margin: 0 auto; padding: 24px 16px 48px; }
h1 { color: var(--fg-bright); font-size: clamp(26px, 6vw, 42px); line-height: 1.1; letter-spacing: -.02em; margin: 6px 0 10px; }
h2 { color: var(--fg-bright); font-size: 17px; margin: 36px 0 10px; }
.kicker { color: var(--fg-dim); margin: 0; font-size: 13px; }
.big { font-size: clamp(30px, 8vw, 64px); font-weight: 800; letter-spacing: -.03em; line-height: 1.05; overflow-wrap: anywhere;
  background: linear-gradient(90deg, var(--yellow), var(--orange) 40%, var(--red) 70%, var(--magenta));
  -webkit-background-clip: text; background-clip: text; color: transparent; }
.sub { color: var(--fg); margin: 8px 0 22px; }
.facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.fact { background: rgba(36,40,59,.72); border: 1px solid var(--muted); padding: 12px 14px; }
.fact b { display: block; color: var(--fg-bright); font-size: clamp(14px, 4.2vw, 19px); overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.fact span { display: block; font-size: 12px; opacity: .8; }
.cta { display: inline-block; margin: 26px 0 4px; padding: 13px 26px; font-weight: 800; text-decoration: none; color: var(--bg-darker);
  background: linear-gradient(90deg, var(--yellow), var(--orange) 50%, var(--red)); box-shadow: 0 0 34px rgba(255,158,100,.3); }
.people { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 18px; }
.people li { display: flex; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--bg-light); padding: 4px 0; min-width: 0; }
.people li span { color: var(--fg-dim); white-space: nowrap; font-size: 13px; }
.people.index { grid-template-columns: 1fr; }
.foot { display: flex; flex-wrap: wrap; gap: 8px 18px; justify-content: center; padding: 24px 16px 40px; font-size: 13px; }
.foot a { color: var(--fg-dim); }
p { max-width: 68ch; }
@media (max-width: 520px) { .people { grid-template-columns: 1fr; } .facts { gap: 8px; } }