/* === WHITE FUTURISTIC CONTACT FORM === */

#main-wrapper {
  padding: 5rem 2rem;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1a1a1a;
  font-family: 'Poppins', sans-serif;
}

/* CONTAINER BOX */
#main-wrapper .container {
  max-width: 800px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(0, 150, 255, 0.15);
  box-shadow: 0 8px 40px rgba(0, 150, 255, 0.08);
  border-radius: 20px;
  padding: 3rem 2.5rem;
  backdrop-filter: blur(6px);
}

/* HEADER */
#content h2 {
  font-family: 'Orbitron', sans-serif;
  font-size: 2.2rem;
  color: #0077b6;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  text-shadow: 0 0 4px rgba(0, 119, 182, 0.2);
}

#content p {
  font-size: 1rem;
  color: #0f2750;
  line-height: 1.6;
}

/* FORM INPUTS */
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form textarea {
  width: 100%;
  padding: 0.6rem 0.9rem;
  background: #f5faff;
  border: 2px solid rgba(0, 132, 255, 0.2);
  border-radius: 10px;
  color: #222;
  font-size: 1rem;
  transition: all 0.3s ease;
  margin-bottom: 0.7rem;
}

#contact-form input::placeholder,
#contact-form textarea::placeholder {
  color: #94b9cc;
  opacity: 0.7;
}

/* HOVER EFFECT */
#contact-form input:hover,
#contact-form textarea:hover {
  border-color: #00b4d8;
  background: #ffffff;
  box-shadow: 0 0 10px rgba(0, 180, 216, 0.18);
}

/* FOCUS EFFECT */
#contact-form input:focus,
#contact-form textarea:focus {
  outline: none;
  border-color: #0077b6;
  box-shadow: 0 0 12px rgba(0, 119, 182, 0.28);
}

/* SUBMIT BUTTON */
#contact-form input[type="submit"] {
  background: linear-gradient(135deg, #00b4d8, #0077b6);
  color: #ffffff;
  border: none;
  padding: 0.9rem 2rem;
  font-size: 1rem;
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 0 16px rgba(0, 180, 216, 0.15);
  margin-top: 1rem;
}

#contact-form input[type="submit"]:hover {
  background: linear-gradient(135deg, #4da8ee, #023e8a);
  box-shadow: 0 0 14px rgba(0, 180, 216, 0.25);
}

/* FORM STATUS */
#form-status {
  color: #0077b6;
  font-size: 0.95rem;
  letter-spacing: 0.03em;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  #main-wrapper {
      padding: 3rem 1rem 1.5rem; /* Top | Sides | Bottom */
  }

  #main-wrapper .container {
      padding: 2rem 1.5rem 1.5rem;
  }

  #content h2 {
      font-size: 1.8rem;
  }
}

@media (min-width: 1400px) {
  #main-wrapper #content h2 {
    font-size: 3rem;
  }

  #main-wrapper #content p {
    font-size: 1.5rem;
  }

  #main-wrapper #contact-form input,
  #main-wrapper #contact-form textarea {
    font-size: 1.2rem;
    padding: 0.9rem 1.2rem;
  }

  #main-wrapper #contact-form input[type="submit"] {
    font-size: 1.5rem;
    padding: 1rem 2.5rem;
  }

  #main-wrapper .contact-email-block h3 {
    font-size: 1.5rem;
  }

  #main-wrapper .contact-email-block p {
    font-size: 1.5rem;
  }
}