html {
      scroll-behavior: smooth;
    }

    body {
      font-family: "Inter", sans-serif;
    }

    .hero-gradient {
      background:
        linear-gradient(
          90deg,
          rgba(255,255,255,0.98) 0%,
          rgba(255,255,255,0.94) 30%,
          rgba(255,255,255,0.25) 62%,
          rgba(255,255,255,0) 100%
        );
    }

    .glass {
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }

    .blackout::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        top:0;
        background-color: #0000006e;
        z-index: 3;
    }