body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: #fff; line-height: 1.6;}
    .contact-container {max-width: 500px;margin: auto;padding: 20px;align-items: center;}
    h2 {text-align: center;color: #333;}
    label {font-weight: bold;margin-top: 10px;display: block;color: #555;}
    input, textarea {width: 100%;padding: 10px;margin-top: 5px;margin-bottom: 15px;border: 1px solid #ccc;border-radius: 5px;font-size: 14px;box-sizing: border-box;font-family: Arial;}
    button {width: 100%;padding: 12px;border: none;background: #2196f3;color: #fff;font-size: 16px;cursor: pointer;border-radius: 5px;transition: background 0.3s ease;}
    button:hover {background: #1976d2;}
    .status-msg {display: none;text-align: center;font-weight: bold;margin-top: 10px;}
.sending {color: #ff9800;}
    .success-msg {display: none;text-align: center;color: green;font-weight: bold;margin-top: 10px;}
    /* ===== HEADER ===== */
  header { background: #111827; color: white; padding: 12px 20px; }
  .header-content { display: flex; align-items: center; justify-content: space-between; }
  .header-title { font-size: 20px; font-weight: bold; letter-spacing: 0.5px; }
  .header-social a { display: inline-flex; align-items: center; margin-left: 12px; -webkit-tap-highlight-color: transparent;}
  .header-social img { width: 22px; height: 22px; display: block; transition: filter 0.2s ease; -webkit-tap-highlight-color: transparent;}
  .header-social a:hover img { filter: brightness(1) invert(1) sepia(1) hue-rotate(180deg) saturate(3); }

  /* ===== FOOTER ===== */
  footer { background: #111827; color: white; padding: 20px; font-size: 14px; text-align: center; margin-top: 3%; }
  footer nav { margin-bottom: 8px; }
  footer nav a { color: white; text-decoration: none; margin: 0 10px; -webkit-tap-highlight-color: transparent;}
  footer nav a:hover { text-decoration: underline; }
  img {border-radius: 6px;}