html[data-theme="gold-rush"] { background: #d66e00; }

.visual-layer {
  background-position: center;
}

.visual-shade {
  background:
    linear-gradient(90deg, rgba(35, 11, 0, .86) 0%, rgba(64, 17, 0, .68) 36%, rgba(40, 9, 0, .08) 66%),
    linear-gradient(0deg, rgba(31, 7, 0, .58), transparent 48%);
}

.brand-dot {
  background: radial-gradient(circle at 35% 30%, #fff9aa, #ffc400 38%, #a94200 72%);
  box-shadow: 0 0 0 3px rgba(255, 213, 55, .25), 0 0 24px #ffb000;
}

.theme-name { color: #ffe48a; }

.copy-panel {
  padding: clamp(22px, 2.4vw, 34px);
  border: 1px solid rgba(255, 219, 128, .3);
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(43, 9, 0, .82), rgba(88, 25, 0, .55));
  box-shadow: 0 24px 80px rgba(40, 8, 0, .4);
  backdrop-filter: blur(12px);
}

.copy-stack h1 { color: #fff4c3; text-shadow: 0 3px 0 #8e3500, 0 0 38px rgba(255, 180, 0, .65); }
.ad-subheadline { color: #fff; }
.ad-body { color: #ffe8bf; }
.ad-body p { padding-left: 13px; border-left: 3px solid #ffc400; }

.primary-cta {
  color: #3a1600;
  background: linear-gradient(110deg, #fff7a3, #ffc400 45%, #ff8a00);
  box-shadow: 0 12px 34px rgba(255, 155, 0, .4), inset 0 1px 0 #fffbd2;
}

.telegram-cta {
  color: white;
  background: #168de2;
  box-shadow: 0 10px 28px rgba(0, 111, 220, .34);
}

.telegram-icon { background: rgba(255,255,255,.2); }

.visual-fx i {
  width: 18px;
  aspect-ratio: 1;
  border: 2px solid #fff0a3;
  border-radius: 50%;
  background: #ffbd00;
  box-shadow: inset 0 0 0 4px #e77900, 0 0 17px #ffc400;
  animation: gold-fall 7s linear infinite;
}
.visual-fx i:nth-child(1) { left: 7%; top: -8%; animation-delay: -1s; }
.visual-fx i:nth-child(2) { left: 27%; top: -8%; animation-delay: -5s; transform: scale(.65); }
.visual-fx i:nth-child(3) { left: 49%; top: -8%; animation-delay: -2s; transform: scale(1.4); }
.visual-fx i:nth-child(4) { left: 68%; top: -8%; animation-delay: -6s; }
.visual-fx i:nth-child(5) { left: 83%; top: -8%; animation-delay: -3.4s; transform: scale(.75); }
.visual-fx i:nth-child(6) { left: 94%; top: -8%; animation-delay: -.2s; transform: scale(1.2); }

@keyframes gold-fall { to { translate: 30px 118vh; rotate: 720deg; } }

@media (max-width: 760px) {
  .visual-layer { background-color: #5e1800; background-position: center top; background-size: auto 52svh; }
  .visual-shade { background: linear-gradient(0deg, #3b0b00 0%, rgba(59,11,0,.92) 52%, transparent 78%); }
  .copy-panel { padding: 20px; border-radius: 22px; background: rgba(48, 10, 0, .76); }
}