@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

   .brand-serif {
      font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;
   }

   /* 40% Reduced Background Decoration Opacity (60% opacity) */
   .welcome-bg-wrapper {
      position: relative;
      overflow: hidden;
   }

   .welcome-bg-wrapper::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-image: url('/assets/images/ai-background.png');
      background-size: cover;
      background-position: center;
      opacity: 0.6;
      /* Reduced by 40% */
      z-index: 0;
      pointer-events: none;
   }

   /* Floating Lotus Animation - Very slow 6s duration */
   @keyframes floatLotus {

      0%,
      100% {
         transform: translateY(0);
      }

      50% {
         transform: translateY(-4px);
      }
   }

   .lotus-float {
      animation: floatLotus 6s ease-in-out infinite;
   }

   /* Sparkles Twinkle Animation */
   @keyframes sparkleTwinkle {

      0%,
      100% {
         opacity: 0.35;
         transform: scale(0.8);
      }

      50% {
         opacity: 1;
         transform: scale(1.15);
      }
   }

   .sparkle-1 {
      animation: sparkleTwinkle 3s ease-in-out infinite;
   }

   .sparkle-2 {
      animation: sparkleTwinkle 4.2s ease-in-out infinite;
   }

   .sparkle-3 {
      animation: sparkleTwinkle 5.5s ease-in-out infinite;
   }

   .ai-theme-sparkle {
      display: inline-block;
      flex: 0 0 auto;
      fill: #B88A2D;
      color: #B88A2D;
      filter: drop-shadow(0 2px 4px rgba(184, 138, 45, 0.18));
   }

   .ai-theme-sparkle--label {
      width: 12px;
      height: 12px;
   }

   .ai-theme-sparkle--hover {
      width: 11px;
      height: 11px;
      fill: #F4E3B0;
      color: #F4E3B0;
      filter: drop-shadow(0 2px 5px rgba(244, 227, 176, 0.35));
   }

   .ai-theme-sparkle--inline {
      width: 14px;
      height: 14px;
   }

   .ai-theme-sparkle--chat {
      width: 16px;
      height: 16px;
      fill: #B88A2D;
      color: #B88A2D;
   }



   /* Concentric Halo Ring Spec */
   .lotus-halo {
      position: relative;
      width: 64px;
      height: 64px;
      border-radius: 50%;
      background: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(184, 138, 45, 0.22);
      box-shadow: 0 0 0 4px rgba(244, 239, 224, 0.7),
         0 0 0 8px rgba(244, 239, 224, 0.35),
         0 0 20px rgba(184, 138, 45, 0.1);
   }

   /* Search Box - Touch Depth elevation style settings (2px border, inset highlight, soft shadow) */
   .search-box-hero {
      border: 2px solid #E7DFC9 !important;
      background: #ffffff !important;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6),
         0 20px 50px rgba(31, 90, 67, 0.14) !important;
      transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
   }

   .search-box-hero:focus-within {
      border-color: #B88A2D !important;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6),
         0 20px 55px rgba(184, 138, 45, 0.18) !important;
   }

   /* Prompt Chips - Flat elevation (No shadow) - 42px height, 18px padding */
   .prompt-chip {
      height: 42px;
      padding-left: 18px;
      padding-right: 18px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      transition: all 0.2s ease;
      background: #ffffff !important;
      color: #222222 !important;
      border: 1px solid #E7DFC9 !important;
      box-shadow: 0 8px 20px rgba(17, 24, 39, 0.14) !important;
   }

   .prompt-chip:hover {
      border-color: #B88A2D !important;
      background: #ffffff !important;
      color: #111111 !important;
      box-shadow: 0 10px 24px rgba(17, 24, 39, 0.18) !important;
      transform: translateY(-0.5px);
   }

   /* Action Cards - Lift 4px and increase shadow on hover */
   .action-card-elevation {
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
   }

   .action-card-elevation:hover {
      transform: translateY(-4px) !important;
      box-shadow: 0 10px 25px rgba(31, 90, 67, 0.08) !important;
      border-color: #B88A2D !important;
   }

   .action-card-elevation:hover .arrow-slide {
      transform: translateX(4px);
      color: #B88A2D;
   }

   .arrow-slide {
      transition: transform 0.2s ease, color 0.2s ease;
   }

   /* Send Button Hover animation (Scale up to 1.08 and transition arrow to include sparkles) */
   .send-btn-animate {
      transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
   }

   .send-btn-animate:hover {
      transform: scale(1.08);
   }

   .send-btn-animate:hover .arrow-svg {
      transform: translateX(3px);
   }

   .send-btn-animate:hover .sparkle-hover {
      opacity: 1;
      transform: scale(1);
   }

   .arrow-svg,
   .sparkle-hover {
      transition: transform 0.25s ease, opacity 0.25s ease;
   }