.contact {
    position: relative;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
  }
  
  .contact-background {
    position: absolute;
    width: 150%;
    height: 150%;
    background: url('data:image/svg+xml,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><path fill="%23ffffff10" d="M44.7,-76.4C58.8,-69.7,71.8,-59.1,79.6,-45.1C87.4,-31.1,90,-13.7,87.6,2.4C85.2,18.5,77.8,33.3,68.4,46.5C59,59.7,47.6,71.3,33.7,77.6C19.8,83.9,3.3,85,-12.4,82.1C-28.1,79.2,-43,72.4,-56.1,62.1C-69.2,51.8,-80.5,38,-85.5,22.1C-90.5,6.2,-89.2,-11.8,-83.4,-27.8C-77.6,-43.8,-67.3,-57.8,-53.7,-64.6C-40.1,-71.4,-23.3,-71,-4.9,-63.8C13.5,-56.6,30.6,-83.1,44.7,-76.4Z" transform="translate(100 100)" /></svg>') no-repeat center center;
    animation: rotate 20s linear infinite;
    z-index: -1;
  }
  
  @keyframes rotate {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  
  .contact-container {
    background: rgba(255, 255, 255, 0.9);
    padding: 2rem;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    max-width: 600px;
    width: 100%;
  }
  
  .contact-container h1 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: #000;
  }
  
  .contact-container p {
    font-size: 1rem;
    margin-bottom: 2rem;
    color: #555;
  }
  
  .contact-form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  
  .form-group {
    display: flex;
    gap: 1rem;
  }
  
  input, select, textarea {
    width: 100%;
    padding: 0.8rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 1rem;
  }
  
  textarea {
    resize: none;
  }
  
  .form-check {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    color: #555;
  }
  
  .form-check a {
    color: #007BFF;
    text-decoration: none;
  }
  
  .form-check a:hover {
    text-decoration: underline;
  }