/* Optional overrides / per-project tweaks */

/* smooth anchor scroll */
html{scroll-behavior:smooth}

/* selection */
::selection{background: rgba(177,26,77,.35)}

/* subtle focus */
:focus-visible{outline:2px solid rgba(177,26,77,.55); outline-offset:2px; border-radius:10px}

/* Welcome bonus block (hero right card) */
.welcomeBonus{
  margin-top:14px;
  padding:16px;
  border-radius:16px;
  border:1px solid rgba(177,26,77,.35);
  background:
    radial-gradient(650px 220px at 30% 0%, rgba(177,26,77,.22), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  box-shadow: 0 22px 45px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08);
}

.welcomeBonus__big{
  font-size:22px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.3px;
}
.welcomeBonus__big span{
  color: rgba(242,238,246,.96);
  text-shadow: 0 12px 28px rgba(177,26,77,.18);
}

.welcomeBonus__meta{margin-top:8px; font-size:13px; line-height:1.45}

.welcomeBonus__actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:12px}

.perkList{display:grid; gap:10px; margin-top:14px}
.perk{display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:14px;
  border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.02)}
.perk__dot{width:10px; height:10px; border-radius:999px;
  background: linear-gradient(180deg, rgba(177,26,77,.95), rgba(125,11,47,.92));
  box-shadow: 0 10px 22px rgba(177,26,77,.22);
}