/* Contact Section */
    .contact-section {
      max-width: 480px;
      margin: 48px auto 0 auto;
      background: linear-gradient(135deg, #fbbf24 0%, #fffbe8 100%);
      border-radius: 18px;
      box-shadow: 0 8px 32px rgba(0,0,0,0.13);
      padding: 38px 28px 32px 28px;
      text-align: center;
      position: relative;
    }
    .contact-section h1 {
      color: #232526;
      margin-bottom: 18px;
      font-size: 2rem;
      font-weight: 700;
      letter-spacing: 1px;
    }
    .contact-section p {
      color: #444;
      font-size: 1.08rem;
      margin-bottom: 18px;
    }
    /* Mobile styles */
  @media (max-width: 768px) {
    .menu-toggle {
      display: flex;
      flex-direction: column;
      cursor: pointer;
      width: 30px;
      height: 25px;
      justify-content: space-between;
      position: absolute;
      right: 10px;
    }

    .menu-toggle div {
      align-items: end;
      background-color: #ffffff;
      height: 4px;
      border-radius: 2px;
    } 
  }
    .contact-form {
      display: flex;
      flex-direction: column;
      gap: 18px;
      margin-top: 18px;
    }
    .contact-form input,
    .contact-form textarea {
      padding: 12px 14px;
      border-radius: 8px;
      border: 1px solid #e0e0e0;
      font-size: 1rem;
      font-family: inherit;
      resize: none;
      transition: border 0.2s;
    }
    .contact-form input:focus,
    .contact-form textarea:focus {
      border: 1.5px solid #fbbf24;
      outline: none;
    }
    .contact-form button {
      background: #232526;
      color: #fff;
      border: none;
      border-radius: 8px;
      padding: 12px 0;
      font-size: 1.1rem;
      font-weight: 600;
      cursor: pointer;
      transition: background 0.2s;
      margin-top: 8px;
    }
    .contact-form button:hover {
      background: #fbbf24;
      color: #232526;
    }
    .contact-info {
      margin-top: 32px;
      color: #444;
      font-size: 1rem;
      text-align: left;
    }
    .contact-info strong {
      color: #232526;
    }
    .contact-success,
    .contact-error {
      margin-top: 18px;
      padding: 12px 16px;
      border-radius: 8px;
      font-weight: 600;
      display: none;
    }
    .contact-success {
      background: #e6ffe6;
      color: #0a0;
      border: 1px solid #b6eab6;
    }
    .contact-error {
      background: #fff0f0;
      color: #c00;
      border: 1px solid #fbb;
    }
    @media (max-width: 600px) {
      .contact-section {
        padding: 16px 4vw;
      }
      .donate-btn{
        padding: 10px 20px;
        font-size: 1rem;
        width: auto;
      }
    }
    main, .container, .contact-section, .about-section, section {
      flex: 1 0 auto;
    }