:root {
  --bg-body: radial-gradient(circle at 50% 15%, #151122 0%, #0a0912 65%, #050408 100%);
  --bg-card: #0a0b10;
  --card-gradient: linear-gradient(155deg, #12111a 0%, #090a0e 48%, #14111f 100%);
  --neon-accent: #a855f7;
  --neon-glow: rgba(168, 85, 247, 0.25);
  --border-accent: rgba(255, 255, 255, 0.2);
  --border-subtle: rgba(255, 255, 255, 0.09);
  --gold-accent: #c084fc;
  --tagline-color: rgba(255, 255, 255, 0.72);
  --logo-bg: radial-gradient(circle at 35% 35%, #191626 0%, #090810 100%);
  --logo-border: rgba(168, 85, 247, 0.32);
  --logo-shadow: 0 16px 36px rgba(0, 0, 0, 0.9), 0 0 22px rgba(168, 85, 247, 0.22);
  --key-color: #ffffff;
  --moat-bg: rgba(255, 255, 255, 0.045);
  --moat-border: rgba(168, 85, 247, 0.22);
  --moat-text: #f1f5f9;
  --save-btn-bg: linear-gradient(135deg, #9333ea 0%, #7e22ce 52%, #6b21a8 100%);
  --save-btn-shadow: 0 6px 20px rgba(147, 51, 234, 0.42), inset 0 1px 1px rgba(255, 255, 255, 0.35);
  --save-btn-color: #ffffff;
  --watermark-color: rgba(255, 255, 255, 0.025);
}

@keyframes logoPulse {
  0%, 100% {
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.85), 0 0 20px rgba(168, 85, 247, 0.2);
    border-color: rgba(168, 85, 247, 0.32);
  }
  50% {
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.95), 0 0 32px rgba(168, 85, 247, 0.38);
    border-color: rgba(168, 85, 247, 0.55);
  }
}