:root{
  --bg:#0b0b0f;
  --card:#151521;
  --border:#25253a;
  --text:#ffffff;
  --muted:#cfd1ff;
  --muted2:#a6a8d6;
  --btnbg:#ffffff;
  --btntext:#000000;
}
*{box-sizing:border-box;}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;
  background:var(--bg);
  color:var(--text);
}
.wrap{max-width:880px; margin:0 auto; padding:48px 20px;}
.card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:16px;
  padding:24px;
}
h1{margin:0 0 10px; font-size:28px;}
h2{margin:0 0 14px; font-size:22px;}
p{margin:0 0 16px; color:var(--muted); line-height:1.5;}
.small{margin-top:14px; font-size:13px; color:var(--muted2);}
a{color:var(--muted); text-decoration:underline;}
a.btn{
  display:inline-block;
  padding:12px 16px;
  border-radius:12px;
  background:var(--btnbg);
  color:var(--btntext);
  text-decoration:none;
  font-weight:600;
}
ul{margin:0; padding-left:18px;}
li{margin:10px 0; color:var(--muted);}
.badge{
  display:inline-block;
  margin-left:8px;
  padding:2px 8px;
  border-radius:999px;
  border:1px solid var(--border);
  color:var(--muted2);
  font-size:12px;
}
.hr{height:1px; background:var(--border); margin:16px 0;}