:root{
  --bg:#0f0a1f;
  --card:#16122b;
  --accent:#9b5de5;
  --text:#f4f2ff;
  --muted:#bfb8d6;
}

*{box-sizing:border-box}

html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial}

.container{max-width:960px;margin:0 auto;padding:24px}

header{padding-top:32px;padding-bottom:8px}
h1{font-size:clamp(24px,3.2vw,40px);margin:0 0 8px}
h1 span{color:var(--accent)}
.subtitle{color:var(--muted);margin:0}

.card{background:linear-gradient(180deg,#181233, var(--card));border:1px solid #2a2450;border-radius:16px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.35)}

h2{font-size:clamp(18px,2.4vw,26px);margin-top:20px}
p{line-height:1.65}
ul{line-height:1.65}

a{color:#caa8ff;text-decoration:underline}
a:hover{text-decoration:none}

.muted{color:var(--muted);border-top:1px dashed #2a2450;margin-top:12px;padding-top:12px}

.footer{color:var(--muted);text-align:center}