:root{ color-scheme: dark; }
body{
  margin:0;
  background: radial-gradient(1200px 800px at 15% 10%, #15244a 0%, #0b1220 55%, #070b14 100%);
  color:#e8eefc;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
}
.wrap{
  max-width: 920px;
  margin: 0 auto;
  padding: 18px 16px 24px 16px;
}
.card{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  overflow:hidden;
}
.card-h{
  padding: 14px 14px 10px 14px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.card-h h1{ font-size: 16px; margin:0; }
.card-b{ padding: 12px 14px 14px 14px; color:#a9b6d6; font-size: 13px; line-height: 1.55; }
.card-b h2{ color:#e8eefc; font-size: 13px; margin: 14px 0 6px; }
a{ color:#e8eefc; }
.topnav{
  display:flex;
  justify-content:flex-start;
  gap:10px;
  margin-bottom: 12px;
}
.topnav a{
  text-decoration:none;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(10,14,28,.55);
}
.small{
  font-size: 12px;
  opacity: .9;
}

.legal-nav{
    margin-bottom: 14px;
}

footer{
  margin-top: 14px;
  color:#a9b6d6;
  font-size: 12px;
  text-align:center;
  opacity: .9;
}