:root {
  --bg-body: radial-gradient(circle at 50% 15%, #181924 0%, #0b0c10 65%, #040406 100%);
  --bg-card: #0d0e14;
  --card-gradient: linear-gradient(155deg, #161722 0%, #101118 48%, #1a1c28 100%);
  --neon-accent: #ffd978;
  --neon-glow: rgba(245, 158, 11, 0.28);
  --border-accent: rgba(255, 255, 255, 0.25);
  --border-subtle: rgba(255, 255, 255, 0.12);
  --gold-accent: #ffd978;
  --tagline-color: rgba(255, 217, 120, 0.9);
  --logo-bg: radial-gradient(circle at 35% 35%, #252838 0%, #0c0d14 100%);
  --logo-border: rgba(255, 217, 120, 0.4);
  --logo-shadow: 0 16px 36px rgba(0, 0, 0, 0.9), 0 0 24px rgba(245, 158, 11, 0.25);
  --key-color: #cbd5e1;
  --moat-bg: rgba(255, 255, 255, 0.08);
  --moat-border: rgba(255, 255, 255, 0.18);
  --moat-text: #f8fafc;
  --save-btn-bg: linear-gradient(135deg, #f59e0b 0%, #d97706 50%, #b45309 100%);
  --save-btn-color: #ffffff;
  --save-btn-shadow: 0 6px 20px rgba(245, 158, 11, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.4);
  --watermark-color: rgba(255, 255, 255, 0.035);
}

@keyframes logoPulse {
  0%, 100% {
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.85), 0 0 20px rgba(245, 158, 11, 0.2);
    border-color: rgba(255, 217, 120, 0.35);
  }
  50% {
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.95), 0 0 32px rgba(245, 158, 11, 0.45);
    border-color: rgba(255, 217, 120, 0.65);
  }
}