.steun-page{ max-width:820px }
.steun-hero{
  text-align:center;
  margin:12px 0 28px;
  padding:28px 20px;
  border:1px solid var(--border, rgba(127,127,127,.25));
  border-radius:16px;
  background:var(--card-bg, rgba(127,127,127,.06));
}
.steun-hero-icon{ font-size:44px; line-height:1; margin-bottom:6px }
.steun-hero h1{ margin:6px 0 10px }
.steun-lead{ max-width:620px; margin:0 auto 18px; font-size:1.05em; line-height:1.6 }
.steun-cta{ display:flex; flex-direction:column; align-items:center; gap:8px }
.steun-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:13px 26px;
  border-radius:999px;
  background:#ff5e5b;
  color:#fff;
  font-weight:700;
  font-size:1.05em;
  text-decoration:none;
  box-shadow:0 4px 14px rgba(255,94,91,.35);
  transition:transform .12s ease, box-shadow .12s ease;
}
.steun-btn:hover,
.steun-btn:focus-visible{ transform:translateY(-1px); box-shadow:0 6px 18px rgba(255,94,91,.45); color:#fff }
.steun-cta-note{ margin:0; color:var(--muted); font-size:.92em; max-width:520px }
.steun-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(230px, 1fr));
  gap:12px;
  margin:14px 0 24px;
}
.steun-card{
  padding:14px 16px;
  border:1px solid var(--border, rgba(127,127,127,.25));
  border-radius:12px;
  background:var(--card-bg, rgba(127,127,127,.04));
}
.steun-card h3{ margin:0 0 6px; font-size:1em }
.steun-card p{ margin:0; line-height:1.55; font-size:.95em }
.steun-list li{ margin:6px 0; line-height:1.55 }
.steun-thanks{
  margin:26px 0 14px;
  padding:16px 18px;
  border-left:4px solid #ff5e5b;
  border-radius:8px;
  background:var(--card-bg, rgba(127,127,127,.06));
}
.steun-thanks p{ margin:0 }
.steun-sign{ margin-top:8px !important; color:var(--muted); font-style:italic }
.steun-small{ color:var(--muted); font-size:.85em }