:root{
  --bg:#0b0d10;
  --card:#10141a;
  --text:#e8eef7;
  --muted:#b6c2d4;
  --line:rgba(255,255,255,0.12);
  --accent:#7dd3fc;
  --shadow:0 10px 30px rgba(0,0,0,0.35);
  --radius:18px;
  --max:900px;
}

*{box-sizing:border-box}

body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  background: var(--bg);
  color: var(--text);
  line-height:1.55;
}

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

.wrap{
  max-width:var(--max);
  margin:0 auto;
  padding:26px 16px 56px;
}

header, section, footer{
  background: rgba(255,255,255,0.03);
  border:1px solid var(--line);
  border-radius: var(--radius);
  padding:18px;
  margin-bottom:14px;
  box-shadow: var(--shadow);
}

h1{
  margin:0 0 10px;
  font-size:2rem;
  letter-spacing:-0.3px;
}

h2{
  margin:0 0 8px;
  font-size:1.25rem;
}

p{
  margin:0 0 12px;
  color: var(--muted);
}

ul{
  margin:6px 0 0;
  padding-left:18px;
  color: var(--muted);
}

li{margin:6px 0}

.cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid var(--line);
  background: rgba(125,211,252,0.18);
  color: var(--text);
  font-weight:700;
  box-shadow:0 8px 18px rgba(0,0,0,0.25);
}

.notice{
  border-left:3px solid rgba(125,211,252,0.5);
  padding-left:12px;
  color: var(--muted);
}

footer{
  font-size:0.92rem;
  color: var(--muted);
  border-top:1px solid var(--line);
  padding-top:14px;
}