body {
      background-color: #012929;
      background-image: radial-gradient(circle at top right, rgba(6, 44, 45, 0.5), transparent 50%),
        radial-gradient(circle at bottom left, rgba(34, 57, 57, 0.4), transparent 50%);
      background-attachment: fixed;
      color: #cee7e8;
      min-height: max(884px, 100dvh);
    }

    .ghost-border {
      border: 0.5px solid rgba(233, 195, 73, 0.2);
    }

    .text-muted-gold {
      color: #C9A85A;
    }

    .bg-muted-gold {
      background-color: #C9A85A;
    }

    .hover-gold-outline:hover {
      border-color: #FA9637;
      color: #cee7e8;
      background-color: transparent;
    }

    /* VARSHAM Decorative Background System */
    .decorative-layer {
      position: absolute;
      inset: 0;
      pointer-events: none;
      overflow: hidden;
      z-index: 0;
    }

    .monsoon-texture {
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 1;
      opacity: 0.035;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
    }

    .vignette-overlay {
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 2;
      background: radial-gradient(circle at center, transparent 40%, rgba(0, 17, 18, 0.55) 100%);
    }

    .ambient-glow {
      position: absolute;
      pointer-events: none;
      z-index: 1;
      border-radius: 9999px;
      filter: blur(90px);
    }

    .ambient-glow--hero {
      top: -15%;
      right: -10%;
      width: 700px;
      height: 700px;
      background: radial-gradient(circle, rgba(5, 65, 63, 0.65) 0%, rgba(201, 168, 90, 0.15) 45%, transparent 70%);
      animation: glowPulse 16s ease-in-out infinite alternate;
    }

    .ambient-glow--story {
      top: 15%;
      left: 50%;
      transform: translateX(-50%);
      width: 750px;
      height: 550px;
      background: radial-gradient(circle, rgba(6, 74, 72, 0.55) 0%, rgba(201, 168, 90, 0.1) 55%, transparent 75%);
      animation: glowPulse 20s ease-in-out infinite alternate;
    }

    .ambient-glow--reservation {
      bottom: -15%;
      left: -10%;
      width: 600px;
      height: 600px;
      background: radial-gradient(circle, rgba(240, 90, 69, 0.15) 0%, rgba(5, 65, 63, 0.55) 50%, transparent 75%);
      animation: glowPulse 18s ease-in-out infinite alternate;
    }

    @keyframes glowPulse {
      0% {
        opacity: 0.6;
      }

      100% {
        opacity: 0.8;
      }
    }

    /* Rain Field Animation System */
    .rain-field {
      position: absolute;
      inset: 0;
      pointer-events: none;
      overflow: hidden;
      z-index: 2;
    }

    .rain-field::before,
    .rain-field::after {
      content: "";
      position: absolute;
      inset: 0;
      background-repeat: repeat;
      pointer-events: none;
    }

    .rain-field--hero::before {
      background-image: linear-gradient(174deg, rgba(206, 231, 232, 0.05) 0%, rgba(206, 231, 232, 0.05) 1px, transparent 1px, transparent 100%),
        linear-gradient(172deg, transparent 0%, rgba(201, 168, 90, 0.04) 0%, rgba(201, 168, 90, 0.04) 1px, transparent 1px);
      background-size: 80px 140px, 110px 190px;
      background-position: 0 0, 40px 60px;
      animation: rainFade 12s ease-in-out infinite alternate;
    }

    .rain-field--hero::after {
      background-image: linear-gradient(176deg, transparent 0%, rgba(206, 231, 232, 0.04) 0%, rgba(206, 231, 232, 0.04) 1px, transparent 1px),
        linear-gradient(171deg, rgba(168, 206, 205, 0.05) 0%, rgba(168, 206, 205, 0.05) 1px, transparent 1px);
      background-size: 130px 160px, 160px 220px;
      background-position: 20px 30px, 70px 90px;
      animation: rainFade 16s ease-in-out infinite alternate-reverse;
    }

    .rain-field--story::before {
      background-image: linear-gradient(174deg, rgba(206, 231, 232, 0.03) 0%, rgba(206, 231, 232, 0.03) 1px, transparent 1px, transparent 100%),
        linear-gradient(172deg, transparent 0%, rgba(201, 168, 90, 0.02) 0%, rgba(201, 168, 90, 0.02) 1px, transparent 1px);
      background-size: 90px 150px, 130px 210px;
      animation: rainFade 18s ease-in-out infinite alternate;
    }

    .rain-field--reservation::before {
      background-image: linear-gradient(173deg, rgba(206, 231, 232, 0.04) 0%, rgba(206, 231, 232, 0.04) 1px, transparent 1px, transparent 100%),
        linear-gradient(175deg, transparent 0%, rgba(201, 168, 90, 0.03) 0%, rgba(201, 168, 90, 0.03) 1px, transparent 1px);
      background-size: 100px 160px, 140px 230px;
      animation: rainFade 14s ease-in-out infinite alternate;
    }

    @keyframes rainFade {
      0% {
        opacity: 0.5;
      }

      100% {
        opacity: 1;
      }
    }

    /* Floating Lotus Motif System */
    .lotus-motif {
      position: absolute;
      pointer-events: none;
      z-index: 3;
    }

    .lotus-motif--float {
      animation: lotusBreath 18s ease-in-out infinite alternate;
    }

    @keyframes lotusBreath {
      0% {
        opacity: 0.8;
      }

      100% {
        opacity: 1;
      }
    }

    /* Oversized Watermark Typography */
    .watermark-text {
      position: absolute;
      pointer-events: none;
      user-select: none;
      font-family: 'Bodoni Moda', serif;
      font-weight: 700;
      line-height: 1;
      text-transform: uppercase;
      z-index: 1;
      white-space: nowrap;
    }

    .watermark-float {
      transform: translate(-50%, -50%);
    }

    /* Editorial Line Accents */
    .editorial-line {
      position: absolute;
      pointer-events: none;
      z-index: 3;
    }

    /* Accessibility: Reduced Motion */
    @media (prefers-reduced-motion: reduce) {

      .rain-field::before,
      .rain-field::after,
      .ambient-glow,
      .lotus-motif--float,
      .watermark-float {
        animation: none !important;
      }
    }