:root {
  --bg-body: radial-gradient(circle at 50% 12%, #190f34 0%, #090514 65%, #030206 100%);
  --bg-card: #130a24;
  --card-gradient: linear-gradient(155deg, #140b2a 0%, #1c1038 52%, #281448 100%);
  --neon-accent: #a855f7;
  --neon-glow: rgba(168, 85, 247, 0.4);
  --border-accent: rgba(168, 85, 247, 0.4);
  --border-subtle: rgba(168, 85, 247, 0.2);
  --gold-accent: #ffd978;
  --tagline-color: rgba(255, 217, 120, 0.38);
  --logo-bg: #100822;
  --logo-border: rgba(168, 85, 247, 0.5);
  --logo-shadow: 0 16px 40px rgba(0, 0, 0, 0.75), 0 0 28px rgba(168, 85, 247, 0.35);
  --key-color: #c084fc;
  --moat-bg: rgba(168, 85, 247, 0.12);
  --moat-border: rgba(168, 85, 247, 0.32);
  --moat-text: #e9d5ff;
  --save-btn-bg: linear-gradient(135deg, #a855f7 0%, #7e22ce 100%);
  --save-btn-shadow: 0 4px 18px rgba(168, 85, 247, 0.45);
  --watermark-color: rgba(255, 255, 255, 0.045);
}

@keyframes logoPulse {
  0%, 100% {
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6), 0 0 26px rgba(168, 85, 247, 0.3);
    border-color: rgba(168, 85, 247, 0.45);
  }
  50% {
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.75), 0 0 38px rgba(217, 70, 239, 0.5);
    border-color: rgba(217, 70, 239, 0.6);
  }
}