/* Hero */
    .contact-hero {
      position: relative;
      margin-top: 10rem;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      text-align: center;
      overflow: hidden;
    }

    /* Info cards */
    .icon-circle {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    /* Form */
    .form-control,
    .form-select {
      border-radius: 0.75rem;
      padding: 0.75rem 1rem;
    }

    .form-section {
      background: #f8f9fa;
      border-radius: 1.5rem;
      border: 1px solid #eee;
    }

    /* Map */
    .map-section {
      position: relative;
      height: 500px;
      background: url('https://images.unsplash.com/photo-1524661135-423995f22d0b?q=80&w=2074&auto=format&fit=crop') center/cover;
      opacity: 0.6;
    }
    .map-card {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 2;
    }