<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Contato - Virginia Mendes</title>

  <style>

    *{
      margin:0;
      padding:0;
      box-sizing:border-box;
      font-family:Arial, sans-serif;
    }

    body{
      background:#0f172a;
      display:flex;
      justify-content:center;
      align-items:center;
      min-height:100vh;
      padding:20px;
    }

    .container{
      background:#ffffff;
      width:100%;
      max-width:500px;
      padding:40px;
      border-radius:24px;
      box-shadow:0 15px 50px rgba(0,0,0,0.25);
    }

    h1{
      color:#0f172a;
      text-align:center;
      font-size:34px;
      margin-bottom:10px;
    }

    p{
      text-align:center;
      color:#64748b;
      margin-bottom:30px;
      line-height:1.5;
    }

    form{
      display:flex;
      flex-direction:column;
      gap:18px;
    }

    input,
    textarea{
      width:100%;
      padding:16px;
      border:1px solid #cbd5e1;
      border-radius:14px;
      font-size:15px;
      outline:none;
      transition:0.3s;
    }

    input:focus,
    textarea:focus{
      border-color:#2563eb;
      box-shadow:0 0 0 4px rgba(37,99,235,0.15);
    }

    textarea{
      min-height:140px;
      resize:none;
    }

    button{
      background:#2563eb;
      color:white;
      border:none;
      padding:16px;
      border-radius:14px;
      font-size:16px;
      font-weight:bold;
      cursor:pointer;
      transition:0.3s;
    }

    button:hover{
      background:#1d4ed8;
      transform:translateY(-2px);
    }

    .footer{
      text-align:center;
      margin-top:25px;
      color:#94a3b8;
      font-size:13px;
    }

  </style>
</head>

<body>

  <div class="container">

    <h1>Entre em Contato</h1>

    <p>
      Envie sua mensagem diretamente para nossa equipe.
    </p>

    <form action="https://formsubmit.co/alexdrescher72@gmail.com" method="POST">

      <input 
        type="text" 
        name="nome" 
        placeholder="Seu nome"
        required
      >

      <input 
        type="email" 
        name="email" 
        placeholder="Seu e-mail"
        required
      >

      <textarea 
        name="mensagem" 
        placeholder="Digite sua mensagem..."
        required
      ></textarea>

      <!-- Anti Spam -->
      <input type="hidden" name="_captcha" value="false">

      <!-- Assunto do email -->
      <input 
        type="hidden" 
        name="_subject" 
        value="Novo contato do site virginiamendes.com.br"
      >

      <!-- Página após envio -->
      <input 
        type="hidden" 
        name="_next" 
        value="https://virginiamendes.com.br"
      >

      <button type="submit">
        Enviar Mensagem
      </button>

    </form>

    <div class="footer">
      © 2026 virginiamendes.com.br — Todos os direitos reservados
    </div>

  </div>

</body>
</html>