تماس با ما

<!-- Contact page: replace existing content with this -->
<div class="contact-card">
  <h1 class="contact-title">تماس با ما</h1>

  <div class="contact-box">
    <p class="contact-desc">
      برای پشتیبانی و سفارش فقط از طریق ربات تلگرام اقدام کنید.
      لطفاً از تماس تلفنی یا ایمیل خودداری کنید — پاسخگویی فقط در ربات انجام می‌شود.
    </p>

    <a class="tg-button" href="https://t.me/vpnstorex_bot" target="_blank" rel="noopener">
      <svg xmlns="http://www.w3.org/2000/svg" class="tg-icon" viewBox="0 0 240 240" width="22" height="22">
        <path fill="#fff" d="M120 0C53.7 0 0 53.7 0 120s53.7 120 120 120 120-53.7 120-120S186.3 0 120 0z"/>
        <path fill="#2AABEE" d="M95.8 164.6c-2.7 0-3.9-1.1-6.2-4.2l-13-17.6 60.9-35.6 7.4 7.3-49 45.7c-1.1 1-2.2 1.9-4.6 1.9z" opacity=".0"/>
        <path fill="#fff" d="M47.6 114.5l155.7-58.9c5.3-1.9 10.6 3.7 7.2 8.6L166.6 196.2c-3.2 4.8-9.5 3.6-11.8 0.2l-32.3-46.9-48.3-34.9c-3.9-2.8-.8-4.7 3.4-2.1l112.6 67.4" />
      </svg>
      باز شدن ربات تلگرام — @vpnstorex_bot
    </a>

    <p class="contact-note">نکته: پس از ارسال پیام در ربات، دستورالعمل‌ها و پاسخ خودکار را دنبال کنید.</p>
  </div>
</div>

<style>
/* Simple responsive styling */
.contact-card {
  max-width: 760px;
  margin: 28px auto;
  padding: 18px;
  font-family: Tahoma, "Helvetica Neue", Arial, sans-serif;
}
.contact-title {
  font-size: 30px;
  color: #00c48c;
  margin: 8px 0 16px;
  text-align: right;
}
.contact-box {
  background: rgba(255,255,255,0.07);
  border-radius: 14px;
  padding: 18px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  direction: rtl;
  text-align: right;
}
.contact-desc {
  font-size: 16px;
  margin-bottom: 16px;
  color: #f2f7f6;
  line-height: 1.6;
}
.tg-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(90deg,#2AABEE,#1E8ED0);
  color: white;
  padding: 12px 18px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
  box-shadow: 0 6px 14px rgba(42,171,238,0.25);
}
.tg-button:active { transform: translateY(1px); }
.tg-icon { filter: drop-shadow(0 1px 0 rgba(0,0,0,0.15)); }
.contact-note {
  margin-top: 12px;
  font-size: 13px;
  color: #d6f0ec;
}

/* Mobile tweaks */
@media (max-width:480px){
  .contact-title { font-size: 26px; }
  .contact-desc { font-size: 15px; }
  .contact-card { padding: