Ele57885fddfgdfgfghgقفغفغفقhfg555434536

kohjhjhصثقصثقصثقgdfgdg Ele57885fddfgdfgfghgقفغفغفقhfg555434536

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Thank You!</title>
  <style>
    body {
      background: #cb4963;
      font-family: "Segoe UI", sans-serif;
      margin: 0;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
      color: #333;
    }

.thank-you-container {
      background: #fff;
      padding: 40px 30px;
      text-align: center;
      border-radius: 10px;
      box-shadow: 0 10px 25px rgba(0,0,0,0.1);
      max-width: 500px;
      width: 90%;
    }

.checkmark {
      width: 80px;
      height: 80px;
      margin: 0 auto 20px;
    }

.checkmark svg {
      width: 100%;
      height: 100%;
      stroke: #cb4963;
      stroke-width: 5;
      stroke-linecap: round;
      stroke-linejoin: round;
      fill: none;
      animation: draw 1s ease forwards;
    }

@keyframes draw {
      from {
        stroke-dasharray: 100;
        stroke-dashoffset: 100;
      }
      to {
        stroke-dashoffset: 0;
      }
    }

h1 {
      font-size: 2rem;
      margin-bottom: 10px;
    }

p {
      font-size: 1rem;
      color: #555;
    }

.home-btn {
      display: inline-block;
      margin-top: 25px;
      padding: 12px 25px;
      background: #cb4963;
      color: white;
      text-decoration: none;
      border-radius: 5px;
      font-weight: 500;
      transition: background 0.3s;
    }

</style>
</head>
<body>

<div class="thank-you-container">
    <div class="checkmark">
      <svg viewBox="0 0 52 52">
        <circle cx="26" cy="26" r="25" fill="none" />
        <path d="M14 27l7 7 16-16" />
      </svg>
    </div>
    <h1>Thank You!</h1>
    <p>Your message has been sent successfully.<br>We’ll get back to you shortly.</p>
    <a href="/" class="home-btn">Back to Home</a>
  </div>

</body>
</html>