:root {
  --bg: #0b0c10;
  --card: #111317;
  --ink: #e8f0ff;
  --muted: #a3acc3;
  --brand: #7aa2ff;
  --edge: rgba(255,255,255,0.08);
}
* { box-sizing: border-box; }
body { margin:0; background:linear-gradient(180deg, #0b0c10, #0d1020); color:var(--ink); font:16px/1.6 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji"; }
a { color: var(--brand); text-decoration: none; }
a:hover { text-decoration: underline; }

.container { max-width: 980px; margin: 0 auto; padding: 0 20px; }
.pad-xl { padding: 56px 20px; }

.site-header { border-bottom: 1px solid var(--edge); position: sticky; top:0; backdrop-filter: blur(8px); background: rgba(10, 12, 18, 0.7); }
.site-header .container { display:flex; align-items:center; justify-content:space-between; height:64px; }
.brand { font-weight: 800; color: var(--ink); letter-spacing: .3px; }
.nav a { margin-left: 16px; color: var(--muted); }
.nav a:hover { color: var(--ink); }

.title { font-size: clamp(28px, 4vw, 44px); margin: 10px 0 16px; }
.lead { font-size: 18px; color: var(--muted); }

.card { background: var(--card); border:1px solid var(--edge); border-radius:16px; padding:24px; margin-top:28px; }
.grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); gap:16px; margin-top:24px; }
.tile { background: var(--card); border:1px solid var(--edge); border-radius:16px; padding:20px; display:block; color:var(--ink); }
.tile h3 { margin:0 0 6px; }
.tile p { margin:0; color:var(--muted); }

.policy { background: var(--card); border:1px solid var(--edge); border-radius:16px; padding:28px; }
.policy h1 { margin-top:0; }
.policy h2 { margin-top:28px; }

.muted { color: var(--muted); }

.site-footer { border-top: 1px solid var(--edge); margin-top: 56px; }
.site-footer .container { padding: 18px 20px; color: var(--muted); }