/* ============================================
   CODING BACKGROUND ANIMATION STYLES
   ============================================ */

.coding-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background: linear-gradient(135deg, #0a1128 0%, #1e3a5f 40%, #2d1810 70%, #0f1c2e 100%);
  pointer-events: none;
  animation: backgroundPulse 20s ease-in-out infinite;
}

@keyframes backgroundPulse {
  0%, 100% {
    background: linear-gradient(135deg, #0a1128 0%, #1e3a5f 40%, #2d1810 70%, #0f1c2e 100%);
  }
  50% {
    background: linear-gradient(135deg, #0f1c2e 0%, #2d1810 30%, #1e3a5f 60%, #0a1128 100%);
  }
}

.coding-background-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(ellipse at 20% 30%, rgba(0, 135, 255, 0.08) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 70%, rgba(166, 124, 82, 0.06) 0%, transparent 50%),
    radial-gradient(ellipse at center, transparent 0%, rgba(10, 17, 40, 0.9) 100%);
  z-index: -1;
  pointer-events: none;
}