:root{
  --bg:#0b1224;
  --panel:#111827;
  --muted:#94a3b8;
  --border:#1f2937;
  --text:#e5e7eb;
  --accent:#22c55e;
}
/* Hero */
.cu-hero{
  background: radial-gradient(1000px 400px at 20% 0%, rgba(34,197,94,.25), transparent),
              radial-gradient(900px 300px at 80% 10%, rgba(59,130,246,.25), transparent),
              var(--bg);
  color:var(--text);
  padding:64px 20px 40px;
  border-bottom:1px solid var(--border);
  text-align:center;
}
.cu-hero-inner{max-width:1100px;margin:0 auto}
.cu-hero-badge{display:inline-block;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:12px;color:var(--muted);margin-bottom:10px}
.cu-hero h1{font-size:40px;margin:8px 0 10px}
.cu-hero-sub{color:var(--muted);margin:0 0 16px}
.cu-hero-cta{display:flex;gap:12px;justify-content:center;margin:12px 0 8px;flex-wrap:wrap}
.cu-hero-links{display:flex;gap:10px;justify-content:center;color:var(--muted);margin-top:6px}
.cu-hero a{color:var(--text)}

/* Buttons */
.cu-btn{display:inline-block;padding:12px 18px;border-radius:12px;border:1px solid transparent;font-weight:700;text-decoration:none}
.cu-btn-primary{background:var(--accent);color:#052e16}
.cu-btn-ghost{border-color:var(--border);background:transparent;color:var(--text)}
.cu-link{color:var(--accent);text-decoration:none;font-weight:700}

/* Cards Row – FLEX and centered */
.cu-grid-cta{
  margin:28px auto;
  padding:0 20px;
  max-width:1200px;
  display:flex;
  justify-content:center;
  align-items:stretch;
  flex-wrap:wrap;
  gap:16px;
}
.cu-card{
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:16px;
  padding:18px;
  box-shadow:0 20px 50px rgba(0,0,0,.35);
  width:360px;
  max-width:calc(100% - 32px);
}
.cu-card h3{margin:0 0 8px}

/* Fees list */
.cu-fees{margin:6px 0 10px; padding:0}
.cu-fees > div{display:grid; grid-template-columns: 1fr auto; gap:10px; padding:6px 0; border-bottom:1px dashed var(--border)}
.cu-fees > div:last-child{border-bottom:0}
.cu-fees dt{color:var(--text); font-weight:600}
.cu-fees dd{color:var(--text); margin:0; font-weight:700}

/* Steps – FLEX & centered */
.cu-steps{margin:10px auto 28px;padding:0 20px;color:var(--text);text-align:center;max-width:1200px}
.cu-steps h2{margin:12px 0}
.cu-steps-grid{
  display:flex;
  justify-content:center;
  align-items:stretch;
  flex-wrap:wrap;
  gap:16px;
}
.cu-step{
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:16px;
  padding:18px;
  text-align:left;
  width:360px;
  max-width:calc(100% - 32px);
}
.cu-step-num{width:34px;height:34px;border-radius:999px;background:var(--accent);color:#052e16;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}

/* News */
.cu-news{max-width:1200px;margin:10px auto 28px;padding:0 20px;color:var(--text)}
.cu-news h2{margin:12px 0; text-align:center}
.cu-news-grid{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:16px;
}
.cu-news-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px;width:360px;max-width:calc(100% - 32px)}
.cu-news-title{color:var(--text);font-weight:800;text-decoration:none;display:block;margin:0 0 6px}
.cu-news-meta{color:var(--muted);font-size:12px;margin-bottom:8px}
.cu-news-excerpt{color:var(--text);margin:0 0 8px}

/* FAQ */
.cu-faq{max-width:1100px;margin:10px auto 40px;padding:0 20px;color:var(--text)}
.cu-faq h2{margin:12px 0; text-align:center}
.cu-faq details{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-bottom:10px}
.cu-faq summary{cursor:pointer;font-weight:700;color:var(--text)}
.cu-faq p{margin:10px 0 0;color:var(--muted)}