.sun {
      width: 150px;
      height: 150px;
      background: radial-gradient(circle, #FFD700, #FFA500);
      border-radius: 50%;
      box-shadow: 0 0 40px 15px rgba(255, 200, 0, 0.7);
      position: absolute;
      z-index: -1;
    }

    /* Rays */
    .sun::before,
    .sun::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 200px;
      height: 200px;
      border: 2px solid rgba(255, 200, 0, 0.6);
      border-radius: 50%;
      transform: translate(-50%, -50%);
      animation: pulse 3s infinite;
    }

    .sun::after {
      width: 250px;
      height: 250px;
      animation-delay: 1.5s;
    }

    @keyframes pulse {
      from { transform: translate(-50%, -50%) scale(1); opacity: 0.7; }
      to   { transform: translate(-50%, -50%) scale(1.2); opacity: 0; }
    }