html {
        scroll-behavior: smooth;
    }

    * {
        cursor: none !important;
    }

    .rain-pass {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      pointer-events: none;
      z-index: 101;
    }

    .rain-drop {
      position: absolute;
      width: 2px;
      height: 15px;
      background: rgba(255, 255, 255, 0.3);
      transform: rotate(-20deg);
      animation: rain-pass-fall linear infinite;
    }

    @keyframes rain-pass-fall {
      0% {
        transform: translate(0, 0) rotate(-5deg);
        opacity: 1;
      }
      100% {
        transform: translate(20vw, 100vh) rotate(-5deg);
        opacity: 1;
      }
    }

    .lightning-flash {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: white;
        opacity: 0;
        pointer-events: none;
        z-index: 102;
        transition: opacity 0.1s ease-out;
    }