body[data-brand="horror"] {
  --font-body: Inter, "Helvetica Neue", Arial, system-ui, sans-serif;
  --font-display: Georgia, "Times New Roman", serif;
  --page-bg: #050506;
  --text: #eee9e2;
  --muted: #aca49e;
  --surface: rgba(7, 7, 8, 0.91);
  --surface-strong: #0c0c0e;
  --surface-soft: rgba(255, 255, 255, 0.045);
  --line: rgba(255, 255, 255, 0.115);
  --line-strong: rgba(255, 255, 255, 0.21);
  --accent: #d50f18;
  --accent-soft: rgba(213, 15, 24, 0.16);
  --focus: #ff6d73;
  --danger: #ff858a;
  --card-radius: 23px;
  --control-radius: 12px;
  --shadow: 0 30px 100px rgba(0, 0, 0, 0.72);
}

body[data-brand="horror"]::before {
  opacity: 0.68;
  background-image:
    linear-gradient(180deg, rgba(3, 3, 4, 0.44), rgba(3, 3, 4, 0.9)),
    radial-gradient(circle at 50% 18%, transparent 0 16%, rgba(0, 0, 0, 0.54) 62%),
    url("/images/tild3265-6535-4561-b065-383166313262__chatgpt_image_30__20.jpeg");
  background-position: center top;
}

body[data-brand="horror"] .checkout-card,
body[data-brand="horror"] .payment-card {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.025), transparent 38%),
    var(--surface);
}

body[data-brand="horror"] .certificate-stage {
  aspect-ratio: 1280 / 822;
  border-color: rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at 48% 56%, rgba(131, 7, 11, 0.2), transparent 48%),
    #07080a;
}

body[data-brand="horror"] .certificate-stage::before {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.035), transparent 35%);
}

body[data-brand="horror"] .certificate-canvas {
  filter: drop-shadow(0 18px 24px rgba(0, 0, 0, 0.42));
}

body[data-brand="horror"] .continue-button {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.09), transparent 36%),
    linear-gradient(135deg, #d50f18, #8a080d);
  box-shadow: 0 14px 34px rgba(160, 4, 10, 0.32), inset 0 0 16px rgba(255, 255, 255, 0.04);
}

body[data-brand="horror"] .success-mark {
  border-radius: 18px;
}