:root {
  --bg:#0b0b0c;
  --fg:#f6f6f6;
  --muted:#b0b0b0;
  --accent:#9ad1c9;
  --card:#131316;
}

* { box-sizing:border-box; }
body {
  margin:0;
  font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
  color:var(--fg);
  background: linear-gradient(180deg,#0a0a0b, #0e0e11);
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.card {
  width:min(860px,100%);
  background: linear-gradient( to bottom right, rgba(255,255,255,.08), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  box-shadow:0 10px 30px rgba(0,0,0,.4);
  padding:32px;
}

.page-header h1 {
  margin:0;
  font-size:clamp(28px, 3vw, 40px);
}
.page-header .muted {
  margin-top:4px;
  color:var(--muted);
  font-size:14px;
}

.page-content {
  margin-top:28px;
}
.page-content h2 {
  margin-top:24px;
  font-size:20px;
}
.page-content p {
  line-height:1.6;
  margin-top:12px;
  font-size:16px;
}

a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }

.footer {
  margin-top:32px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.06);
  font-size:14px;
  color:var(--muted);
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
}