.glass {
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.02));
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
      }
      .glass-dark {
        background: linear-gradient(135deg, rgba(22, 16, 24, 0.85), rgba(12, 10, 13, 0.65));
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
      }
      .text-gradient {
        background: linear-gradient(120deg, #f9e8ec 0%, #e8b4a8 35%, #c9a088 55%, #a78bfa 85%);
        -webkit-background-clip: text;
        background-clip: text;
        color: #e8b4a8;
        -webkit-text-fill-color: transparent;
      }
      .hero-glow {
        background:
          radial-gradient(ellipse 100% 80% at 15% -10%, rgba(167, 139, 250, 0.22), transparent 55%),
          radial-gradient(ellipse 90% 70% at 90% 5%, rgba(201, 160, 136, 0.18), transparent 50%),
          radial-gradient(ellipse 60% 50% at 50% 100%, rgba(249, 232, 236, 0.06), transparent 55%),
          linear-gradient(180deg, #0c0a0d 0%, #161018 50%, #121015 100%);
      }
      /* Always show content; .is-visible only enhances when JS runs */
      .reveal {
        opacity: 1;
        transform: translateY(0);
        transition: opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1), transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
      }
      @media (prefers-reduced-motion: reduce) {
        .reveal {
          transition: none;
        }
      }
      .reveal.is-visible {
        opacity: 1;
        transform: translateY(0);
      }
      #page-loader {
        transition: opacity 0.5s ease, visibility 0.5s ease;
      }
      #page-loader.is-done {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
      }