body[data-brand="morpheus"] {
  --font-body: Inter, "Helvetica Neue", Arial, system-ui, sans-serif;
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --page-bg: #08080b;
  --text: #f4f1ea;
  --muted: #aaa6b2;
  --surface: rgba(11, 11, 15, 0.9);
  --surface-strong: #111118;
  --surface-soft: rgba(255, 255, 255, 0.045);
  --line: rgba(255, 255, 255, 0.105);
  --line-strong: rgba(226, 205, 139, 0.25);
  --accent: #bd1430;
  --accent-soft: rgba(189, 20, 48, 0.14);
  --focus: #d9bd72;
  --danger: #ff8797;
  --card-radius: 28px;
  --control-radius: 999px;
  --shadow: 0 32px 100px rgba(0, 0, 0, 0.58);
}

body[data-brand="morpheus"]::before {
  opacity: 0.74;
  background-image:
    radial-gradient(850px 480px at 78% 15%, rgba(125, 12, 29, 0.42), transparent 62%),
    linear-gradient(100deg, rgba(8, 8, 11, 0.55), rgba(8, 8, 11, 0.93)),
    url("/images/hero-bg.webp");
  background-position: 62% center;
}

body[data-brand="morpheus"] .checkout-card,
body[data-brand="morpheus"] .payment-card {
  background:
    radial-gradient(700px 300px at 20% 0%, rgba(201, 162, 75, 0.045), transparent 62%),
    linear-gradient(155deg, rgba(28, 26, 35, 0.93), rgba(10, 10, 14, 0.95));
}

body[data-brand="morpheus"] .certificate-stage {
  aspect-ratio: 1690 / 931;
  border-color: rgba(226, 205, 139, 0.14);
  background:
    radial-gradient(circle at 56% 40%, rgba(201, 162, 75, 0.1), transparent 48%),
    #08080a;
}

body[data-brand="morpheus"] .certificate-stage::before {
  background: linear-gradient(125deg, rgba(201, 162, 75, 0.04), transparent 42%);
}

body[data-brand="morpheus"] .certificate-canvas {
  filter: drop-shadow(0 20px 34px rgba(0, 0, 0, 0.52));
}

body[data-brand="morpheus"] .amount-option,
body[data-brand="morpheus"] .segment span {
  border-radius: 999px;
}

body[data-brand="morpheus"] .continue-button {
  background: linear-gradient(135deg, #c0142e, #7d0c1d);
  box-shadow: 0 14px 34px rgba(192, 20, 46, 0.3);
}

body[data-brand="morpheus"] .success-mark {
  color: #e4cd8b;
  border-color: rgba(226, 205, 139, 0.5);
  background: rgba(201, 162, 75, 0.1);
  box-shadow: 0 16px 50px rgba(201, 162, 75, 0.1);
}