.season-header {
       position: absolute;
       top: 30px;
       left: 50%;
       transform: translateX(-50%);
       font-size: 18px;
       color: rgba(255, 255, 255, 0.8);
       text-shadow: 0 0 10px rgba(0, 255, 255, 0.5);
       z-index: 10;
       letter-spacing: 2px;
   }

   .floating-shapes {
       position: absolute;
       width: 100%;
       height: 100%;
       pointer-events: none;
       z-index: 1;
   }

   .shape {
       position: absolute;
       border: 1px solid rgba(0, 255, 255, 0.3);
       animation: float2 6s ease-in-out infinite;
   }

   .hexagon {
       width: 60px;
       height: 60px;
       background: rgba(128, 0, 255, 0.1);
       clip-path: polygon(50% 0%,
               100% 25%,
               100% 75%,
               50% 100%,
               0% 75%,
               0% 25%);
   }

   .triangle {
       width: 0;
       height: 0;
       border-left: 30px solid transparent;
       border-right: 30px solid transparent;
       border-bottom: 52px solid rgba(255, 0, 128, 0.1);
       border: none;
       background: none;
   }

   .triangle::before {
       content: "";
       position: absolute;
       top: -1px;
       left: -31px;
       width: 0;
       height: 0;
       border-left: 31px solid transparent;
       border-right: 31px solid transparent;
       border-bottom: 54px solid rgba(255, 0, 128, 0.3);
   }

   @keyframes float2 {

       0%,
       100% {
           transform: translateY(0px) rotate(0deg);
           opacity: 0.3;
       }

       50% {
           transform: translateY(-20px) rotate(180deg);
           opacity: 0.7;
       }
   }

   .particle_battles {
       position: absolute;
       width: 100%;
       height: 100%;
       pointer-events: none;
       z-index: 3;
   }

   .particle_battle {
       position: absolute;
       width: 3px;
       height: 3px;
       background: #00ffffcc;

       border-radius: 50%;
       animation: sparkle2 4s ease-in-out infinite;
       box-shadow: 0 0 10px #00ffffcc;
   }

   @keyframes sparkle2 {

       0%,
       100% {
           opacity: 0;
           transform: scale(0) translateY(0);
       }

       50% {
           opacity: 1;
           transform: scale(1) translateY(-100px);
       }
   }

   .landingpage_monster {
       filter: drop-shadow(0 0 30px #00ffff80);
       animation: breathe 4s ease-in-out infinite;
       transition: all 0.3s ease;
   }

   .landingpage_monster:hover {
       transform: translate(-50%, -50%) scale(1.05);
       filter: drop-shadow(0 0 50px #fa6fff);
       animation-duration: 2s;
   }

   @keyframes breathe {

       0%,
       100% {
           transform: translate(-50%, -50%) scale(1);
       }

       50% {
           transform: translate(-50%, -50%) scale(1.02);
       }
   }

   .glitch-overlay {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       pointer-events: none;
       z-index: 3;
       opacity: 0.6;
   }

   .static-line {
       position: absolute;
       width: 100%;
       height: 1px;
       background: linear-gradient(90deg,
               transparent 0%,
               rgba(255, 0, 128, 0.4) 10%,
               rgba(0, 255, 128, 0.4) 20%,
               rgba(128, 0, 255, 0.4) 30%,
               rgba(255, 128, 0, 0.4) 40%,
               rgba(0, 128, 255, 0.4) 50%,
               rgba(255, 0, 64, 0.4) 60%,
               rgba(64, 255, 0, 0.4) 70%,
               rgba(255, 64, 0, 0.4) 80%,
               rgba(0, 64, 255, 0.4) 90%,
               transparent 100%);
       animation: staticMove 0.8s infinite linear;
       opacity: 0.3;
   }

   @keyframes staticMove {
       0% {
           transform: translateX(-100%);
           filter: hue-rotate(0deg);
       }

       100% {
           transform: translateX(100%);
           filter: hue-rotate(360deg);
       }
   }

   .noise-bar {
       position: absolute;
       width: 100%;
       background: linear-gradient(90deg,
               rgba(255, 0, 128, 0.2) 0%,
               rgba(0, 255, 128, 0.2) 25%,
               rgba(128, 0, 255, 0.2) 50%,
               rgba(255, 128, 0, 0.2) 75%,
               rgba(0, 128, 255, 0.2) 100%);
       animation: noiseFlicker 0.3s infinite;
       mix-blend-mode: overlay;
   }

   @keyframes noiseFlicker {

       0%,
       100% {
           opacity: 0;
           transform: translateY(0) scaleY(1);
       }

       50% {
           opacity: 0.6;
           transform: translateY(-1px) scaleY(1.1);
       }
   }

   .scan-line {
       position: absolute;
       width: 100%;
       height: 1px;
       background: rgba(0, 255, 255, 0.3);
       animation: scanMove 4s infinite linear;
       box-shadow: 0 0 10px rgba(0, 255, 255, 0.4);
   }

   @keyframes scanMove {
       0% {
           top: -1px;
       }

       100% {
           top: 100%;
       }
   }

   .rgb-shift {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: repeating-linear-gradient(0deg,
               transparent,
               transparent 2px,
               rgba(255, 0, 0, 0.01) 2px,
               rgba(255, 0, 0, 0.01) 3px,
               transparent 3px,
               transparent 4px,
               rgba(0, 255, 0, 0.01) 4px,
               rgba(0, 255, 0, 0.01) 5px,
               transparent 5px,
               transparent 6px,
               rgba(0, 0, 255, 0.01) 6px,
               rgba(0, 0, 255, 0.01) 7px);
       animation: rgbShift 1s infinite;
   }

   @keyframes rgbShift {
       0% {
           transform: translateX(0);
       }

       25% {
           transform: translateX(-0.5px);
       }

       50% {
           transform: translateX(0.5px);
       }

       75% {
           transform: translateX(-0.5px);
       }

       100% {
           transform: translateX(0);
       }
   }

   .digital-rain {
       position: absolute;
       width: 100%;
       height: 100%;
       background: linear-gradient(rgba(0, 255, 255, 0.05), transparent),
           repeating-linear-gradient(90deg,
               transparent,
               transparent 150px,
               rgba(0, 255, 255, 0.03) 152px);
       animation: rain 2s infinite;
       opacity: 0.5;
   }

   @keyframes rain {
       0% {
           opacity: 0;
           transform: translateY(-100%);
       }

       50% {
           opacity: 0.3;
           transform: translateY(0);
       }

       100% {
           opacity: 0;
           transform: translateY(100%);
       }
   }

   .intense .static-line {
       height: 2px;
       opacity: 0.5;
       animation-duration: 0.3s;
   }

   .intense .noise-bar {
       animation-duration: 0.1s;
   }

   .intense .scan-line {
       animation-duration: 1s;
       box-shadow: 0 0 20px rgba(0, 255, 255, 0.6);
   }

   .intense .glitch-overlay {
       opacity: 0.8;
   }