/* Page-specific variables */

      /* Base layout */

      .main-content {
        min-height: calc(100vh - var(--header-height));
      }

      /* Hero section */

      .hero-bg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0.15;
        z-index: 1;
      }




      /* Floating elements animation */
      .floating-element {
        position: absolute;
        font-size: 3rem;
        opacity: 0.1;
        animation: float 6s ease-in-out infinite;
        color: white;
      }