#page-loader.fade {
      opacity: 0;
      transition: opacity 0.5s ease;
    }

    .hero-section {
      background: linear-gradient(to right, #e0c3fc, #8ec5fc);
      position: relative;
      overflow: hidden;
    }

    .title-shadow {
      text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
      letter-spacing: 1px;
    }

    .text-shadow {
      color: #fff;
      text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
      font-weight: 500;
    }