@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');

:root{
  --bg:#0d0d0d;
  --ink:#f2f2f2;
  --muted:#aaa;
  --accent:#a29bfe; /* lilac */
  --accent-2:#14532d; /* deep green */
}
*{box-sizing:border-box}
html,body{
  margin:0; padding:0; background:var(--bg); color:var(--ink);
  font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
header{border-bottom:1px solid #222}
.banner{width:100%; height:auto; display:block}
.container{max-width:1000px; margin:0 auto; padding:20px}
.tag{margin:10px 0 0; color:var(--muted); text-align:center}
.cta{display:inline-block; margin-top:16px; padding:12px 18px; border:2px solid var(--accent); border-radius:6px; font-weight:600}
.cta-primary{background:var(--accent); color:#000}
section{padding:28px 20px; border-bottom:1px solid #222}
h1,h2{margin:0 0 12px 0}
h2{font-size:22px; color:var(--accent)}
p{line-height:1.6; color:#ddd}
.grid{display:grid; grid-template-columns:1fr; gap:16px}
@media(min-width:800px){.grid{grid-template-columns:repeat(3,1fr)}}
.card{border:1px solid #333; border-radius:8px; padding:16px; background:#1a1a1a}
.badges{display:flex; flex-wrap:wrap; gap:8px; margin-top:8px}
.badge{border:1px solid #444; border-radius:999px; padding:6px 10px; font-size:12px; color:#ccc}
.footer{padding:20px; text-align:center; color:var(--muted); font-size:14px}
.note{font-size:13px; color:var(--muted)}
hr.soft{border:none; border-top:1px dashed #333; margin:16px 0}
address{font-style:normal; color:#ddd}
.kicker{font-weight:600; color:#d1c4ff}