:root {
      --ppme-blue: #0758b8;
      --ppme-blue-2: #0b74d1;
      --ppme-blue-dark: #052f67;
      --ppme-gold: #c9a227;
      --ppme-gold-light: #f1d16b;
      --ppme-ink: #0f172a;
    }

    html { scroll-behavior: smooth; }
    body {
      font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: var(--ppme-ink);
      background:
        radial-gradient(circle at 12% 3%, rgba(201,162,39,0.22), transparent 28rem),
        radial-gradient(circle at 88% 12%, rgba(7,88,184,0.14), transparent 34rem),
        linear-gradient(180deg, #fff 0%, #f8fafc 48%, #fff 100%);
    }

    .display-font { font-family: Inter, system-ui, sans-serif; }

    .glass {
      background: rgba(255, 255, 255, 0.82);
      backdrop-filter: blur(18px);
      border-bottom: 1px solid rgba(226, 232, 240, 0.75);
    }

    .premium-card {
      border: 1px solid rgba(226, 232, 240, 0.9);
      background: rgba(255,255,255,0.92);
      box-shadow: 0 18px 55px rgba(15, 23, 42, 0.07);
    }

    .premium-card:hover {
      box-shadow: 0 28px 80px rgba(15, 23, 42, 0.12);
    }

    .gold-line {
      background: linear-gradient(90deg, var(--ppme-gold), rgba(201,162,39,0.04));
    }

    .blue-gold-gradient {
      background:
        radial-gradient(circle at 10% 0%, rgba(241,209,107,0.38), transparent 24rem),
        linear-gradient(135deg, #052f67 0%, #0758b8 54%, #0b74d1 100%);
    }

    .soft-pattern {
      background-image:
        linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px);
      background-size: 34px 34px;
    }

    .nav-link.active { color: var(--ppme-gold); }
    .map-card .leaflet-container { border-radius: 1.75rem; }

    .reveal { animation: reveal 0.72s ease both; }
    @keyframes reveal {
      from { opacity: 0; transform: translateY(18px); }
      to { opacity: 1; transform: translateY(0); }
    }

    .leaflet-container {
  z-index: 0;
}

.leaflet-pane {
  z-index: 0;
}

.leaflet-top,
.leaflet-bottom {
  z-index: 10;
}