html { scroll-behavior: smooth; }
    body {
      background:
        radial-gradient(circle at top left, rgba(198,161,91,.18), transparent 34rem),
        linear-gradient(180deg, #FFFCF5 0%, #F7F1E3 52%, #EFE4CF 100%);
    }
    .gold-line {
      background: linear-gradient(90deg, transparent, #C6A15B, transparent);
      height: 1px;
    }
    .hero-shell {
      background:
        radial-gradient(circle at 18% 20%, rgba(198,161,91,.24), transparent 18rem),
        radial-gradient(circle at 78% 18%, rgba(122,30,44,.30), transparent 22rem),
        linear-gradient(120deg, rgba(6,19,34,.98), rgba(11,31,51,.95) 48%, rgba(82,28,48,.82));
    }
    .hero-shell::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 150px;
      pointer-events: none;
      opacity: .36;
      background:
        linear-gradient(to top, rgba(5,14,25,.92), transparent 72%),
        repeating-linear-gradient(
          90deg,
          rgba(255,252,245,.16) 0 18px,
          transparent 18px 40px,
          rgba(198,161,91,.16) 40px 54px,
          transparent 54px 82px
        );
      clip-path: polygon(0 100%,0 62%,4% 62%,4% 42%,8% 42%,8% 70%,12% 70%,12% 34%,16% 34%,16% 58%,21% 58%,21% 28%,26% 28%,26% 64%,31% 64%,31% 44%,36% 44%,36% 72%,41% 72%,41% 36%,47% 36%,47% 60%,52% 60%,52% 24%,58% 24%,58% 66%,63% 66%,63% 46%,69% 46%,69% 72%,74% 72%,74% 30%,80% 30%,80% 56%,86% 56%,86% 40%,91% 40%,91% 68%,96% 68%,96% 50%,100% 50%,100% 100%);
    }
    .hero-shell > .relative {
      z-index: 1;
    }
    .glass-panel {
      background: rgba(255,252,245,.90);
      backdrop-filter: blur(16px);
      border: 1px solid rgba(198,161,91,.45);
      box-shadow: 0 26px 80px rgba(0,0,0,.22);
    }
    .ornament {
      position: relative;
    }
    .ornament::before,
    .ornament::after {
      content: '';
      position: absolute;
      top: 50%;
      width: 54px;
      height: 1px;
      background: linear-gradient(90deg, transparent, #C6A15B);
    }
    .ornament::before { right: calc(100% + 16px); }
    .ornament::after { left: calc(100% + 16px); transform: rotate(180deg); }
    .category-card {
      background: linear-gradient(180deg, rgba(255,252,245,.96), rgba(247,241,227,.94));
      border: 1px solid rgba(198,161,91,.35);
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }
    .category-card:hover {
      transform: translateY(-6px);
      border-color: rgba(198,161,91,.85);
      box-shadow: 0 22px 48px rgba(11,31,51,.13);
    }
    .listing-card {
      background: rgba(255,252,245,.94);
      border: 1px solid rgba(198,161,91,.28);
      transition: transform .25s ease, box-shadow .25s ease;
    }
    .listing-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 22px 55px rgba(11,31,51,.16);
    }
    .premium-btn {
      background: linear-gradient(135deg, #C6A15B, #A87932);
      color: #0B1F33;
      box-shadow: 0 14px 30px rgba(198,161,91,.32);
    }
    .premium-btn:hover { filter: brightness(1.05); }
    .deep-btn {
      background: linear-gradient(135deg, #0B1F33, #0E3B2E);
      color: #FFFCF5;
    }
    .location-pill {
      background: rgba(255,252,245,.10);
      border: 1px solid rgba(255,252,245,.26);
    }
    .soft-pattern {
      background-image:
        linear-gradient(rgba(198,161,91,.09) 1px, transparent 1px),
        linear-gradient(90deg, rgba(198,161,91,.09) 1px, transparent 1px);
      background-size: 28px 28px;
    }
    @media (max-width: 640px) {
      .ornament::before,
      .ornament::after { display: none; }
    }