 /* Subtle Mesh Gradient Background */
 body {
     background: radial-gradient(circle at 20% 20%, #f0f4f8, #e8eff5 40%, #f5f7fa 60%, #ffffff 100%);
     min-height: 100vh;
     display: flex;
     flex-direction: column;
 }

 /* Footer pinned to bottom */
 footer {
     margin-top: auto;
 }

 /* Translucent blur header */
 .header {
     backdrop-filter: blur(10px);
     background-color: rgba(255, 255, 255, 0.8);
     position: sticky;
     top: 0;
     z-index: 10;
 }

 @media (min-width: 1024px) {
     .hero-sm {
         display: none;
     }
 }

 @media (max-width: 1023px) {
     .hero-lg {
         display: none;
     }
 }