Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Thank You – Submission Received</title>
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <style>
    :root {
      --bg:#f6f7f9; --text:#0b1324; --muted:#6b7280;
      --primary:#0a2a4a; --primary-600:#0a2340;
      --card:#ffffff; --border:#e4e7ec; --shadow:0 6px 16px rgba(10,35,64,.08);
      --radius:12px;
    }

    * { box-sizing:border-box; margin:0; padding:0; }

    html, body {
      width:100%;
      height:100%;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system,"Segoe UI",Roboto,Arial,sans-serif;
      background:var(--bg);
      color:var(--text);
      display:flex;
      align-items:center;
      justify-content:center;
      overflow-x:hidden; /* quita scroll lateral */
    }

    .card {
      background:var(--card);
      border:1px solid var(--border);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      padding:clamp(20px, 4vw, 36px);
      max-width:480px;
      width:100%;
      text-align:center;
      animation:fadeIn 0.6s ease-out;
    }

    .icon {
      width:60px; height:60px; margin:0 auto 14px;
      display:grid; place-items:center;
      border-radius:12px; background:#0a2a4a;
    }
    .icon svg { width:36px; height:36px }
    .icon svg circle { fill:#0a2a4a; stroke:#cda434 }
    .icon svg path { stroke:#cbe8ff }

    h1 { margin:0 0 6px; font-size:1.5rem; color:var(--primary) }
    p { margin:6px 0; color:var(--muted); font-size:.95rem; line-height:1.4 }

    .btn {
      display:inline-block; margin-top:14px; padding:10px 18px;
      border-radius:8px; font-weight:600; text-decoration:none;
      background:linear-gradient(180deg,#0a2a4a,#0a2340); color:#fff;
      box-shadow:0 4px 12px rgba(10,35,64,.15); transition:.2s;
    }
    .btn:hover { opacity:.9 }

    .footer {
      margin-top:18px; font-size:.78rem; color:var(--muted);
    }
    .footer a {
      color:var(--primary); font-weight:600; text-decoration:none;
    }

    @keyframes fadeIn {
      from { opacity:0; transform:translateY(12px) }
      to { opacity:1; transform:translateY(0) }
    }
  </style>
</head>
<body>
  <div class="card">
    <div class="icon">
      <svg viewBox="0 0 24 24" fill="none">
        <circle cx="12" cy="12" r="10.5"></circle>
        <path d="M7 12.5l3.2 3.2L17.5 8.5" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
    </div>
    <h1>Thank You!</h1>
    <p>
      Your submission has been received successfully.<br>
      Our team will review it and get back to you shortly with important information. 
      Please stay alert to your email, soon you'll receive case details and documents related to it. 
      Expect a call from our Notary Team.
    </p>
    
    <a href="https://dennyborgespa.com/notary-portal" class="btn">Return to Notary Portal</a>

    <div class="footer">
      📞 <a href="tel:+18888157782">1-888-815-7782</a> |
      ✉️ <a href="mailto:claims@dennysborgespa.com">claims@dennysborgespa.com</a>
    </div>
  </div>
</body>
</html>


Denny Borges PA