/* Yan sayfalar (gizlilik, teşekkür, 404): ana sayfayla aynı koyu dünya ve yazı tipleri. */
@font-face { font-family: "Geist Kervan"; src: url("/assets/geist.woff2") format("woff2"); font-weight: 400 700; font-display: swap; }
@font-face { font-family: "Geist Mono Kervan"; src: url("/assets/geistmono.woff2") format("woff2"); font-weight: 400 600; font-display: swap; }
:root {
  --bg: #060b16; --panel: rgba(148, 170, 214, 0.045); --line: rgba(148, 170, 214, 0.14); --line-2: rgba(148, 170, 214, 0.24);
  --text: #e9eef8; --soft: #95a2bb; --faint: #66738c; --gold: #e2b25c; --gold-hi: #f7dca0;
  --sans: "Geist Kervan", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  --mono: "Geist Mono Kervan", ui-monospace, Consolas, monospace;
  color-scheme: dark;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: var(--sans); font-size: 16.5px; line-height: 1.7; -webkit-font-smoothing: antialiased; }
.bar { border-bottom: 1px solid var(--line); }
.bar .in { max-width: 820px; margin: 0 auto; padding: max(18px, env(safe-area-inset-top, 0px)) max(20px, env(safe-area-inset-right, 0px)) 18px max(20px, env(safe-area-inset-left, 0px)); }
.bar img { height: 30px; width: auto; display: block; }
main { max-width: 820px; margin: 0 auto; padding-block: 64px 80px; padding-left: max(20px, env(safe-area-inset-left, 0px)); padding-right: max(20px, env(safe-area-inset-right, 0px)); }
h1, h2 { letter-spacing: -0.025em; line-height: 1.1; text-wrap: balance; }
h1 { font-size: clamp(2.1rem, 5vw, 3.2rem); font-weight: 650; margin: 0 0 12px; }
h2 { font-size: 1.3rem; font-weight: 600; margin: 40px 0 10px; }
p, li { max-width: 68ch; color: var(--soft); }
a { color: var(--gold-hi); }
.muted { color: var(--faint); }
.eyebrow { font-family: var(--mono); font-size: 0.74rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--gold); margin: 0 0 12px; }
table { border-collapse: collapse; width: 100%; font-size: 0.94rem; }
.tw { overflow-x: auto; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); }
th, td { text-align: left; padding: 12px 14px; border-bottom: 1px solid var(--line); vertical-align: top; color: var(--soft); }
tr:last-child th, tr:last-child td { border-bottom: 0; }
th { font-weight: 600; color: var(--text); white-space: nowrap; }
.btn { display: inline-block; margin-top: 22px; padding: 12px 20px; border-radius: 10px; background: linear-gradient(180deg, var(--gold-hi), var(--gold)); color: #1a1104; font-weight: 600; text-decoration: none; }
footer { max-width: 820px; margin: 0 auto; padding: 24px max(20px, env(safe-area-inset-right, 0px)) max(32px, env(safe-area-inset-bottom, 0px)) max(20px, env(safe-area-inset-left, 0px)); border-top: 1px solid var(--line); font-size: 0.85rem; color: var(--faint); }
