<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>روابطي</title>
<style>
body{font-family:Arial, sans-serif;margin:0;background:linear-gradient(135deg,#ff9a9e,#fad0c4);color:#111;min-height:100vh;display:flex;align-items:center;justify-content:center}
.card{width:92%;max-width:420px;background:rgba(255,255,255,0.12);backdrop-filter:blur(6px);border-radius:18px;padding:28px;text-align:center;box-shadow:0 8px 30px rgba(0,0,0,0.2)}
h1{margin:0 0 12px;font-size:22px;color:#fff}
p{margin:0 0 20px;color:rgba(255,255,255,0.9)}
.links{display:flex;flex-direction:column;gap:12px}
.link{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border-radius:10px;text-decoration:none;color:#111;font-weight:600;box-shadow:0 6px 18px rgba(0,0,0,0.12);transition:transform .18s}
.link:hover{transform:translateY(-4px)}
.ico{width:36px;height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:18px}
.tiktok{background:#000;color:#fff}
.instagram{background:linear-gradient(45deg,#feda75,#d62976,#962fbf);color:#fff}
.facebook{background:#1877f2;color:#fff}
.call{background:#28a745;color:#fff}
</style>
</head>
<body>
<div class="card">
<h1>تابعني وتواصل معي</h1>
<p>اضغط على أيقونة لفتح الحساب أو للاتصال</p>
<div class="links">
<a class="link" href="https://www.tiktok.com/@chelf_awi_02" target="_blank">
<span class="ico tiktok">♪</span> تيك توك
</a>
<a class="link" href="https://www.instagram.com/chl_fawi02" target="_blank">
<span class="ico instagram">✦</span> إنستغرام
</a>
<a class="link" href="https://www.facebook.com/profile.php?id=61579308231273" target="_blank">
<span class="ico facebook">f</span> فيسبوك
</a>
<a class="link" href="tel:+213672920171">
<span class="ico call">📞</span> اتصل بي
</a>
</div>
</div>
</body>
</html>