*{box-sizing:border-box}
html,body{margin:0;padding:0;overflow-x:hidden}
body{direction:rtl;font-family:Tahoma,Arial,sans-serif;color:#241529;background:linear-gradient(180deg,#fff7fb 0%,#fff 48%,#fff8fb 100%);line-height:2;font-weight:700}
a{text-decoration:none;color:inherit}
.wrap{width:min(980px,calc(100% - 24px));margin:0 auto}
.topbar{background:#fff;border-bottom:1px solid #efd0dc;box-shadow:0 8px 25px rgba(80,20,72,.05)}
.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{color:#d4145a;font-size:22px;font-weight:900}
.menu{display:flex;gap:7px;flex-wrap:wrap}
.menu a{padding:7px 11px;border-radius:999px;font-size:13px;font-weight:900}
.menu a.primary{background:linear-gradient(135deg,#d4145a,#7b1fa2);color:#fff}
.hero{padding:28px 0 16px}
.hero-box{background:radial-gradient(circle at 72% 52%,rgba(55,186,206,.62),transparent 35%),linear-gradient(135deg,#061b33,#126182 58%,#37bace);color:#fff;border-radius:30px;padding:28px;box-shadow:0 20px 55px rgba(11,53,83,.16)}
.hero-box h1{margin:0 0 8px;font-size:34px;line-height:1.65}
.hero-box p{margin:0;opacity:.96;font-size:15px}
.breadcrumb{padding:12px 0 0;color:#786b7c;font-size:13px}
.breadcrumb a{color:#d4145a}
.article{padding:10px 0 36px}
.article-card{background:#fff;border:1px solid #efd0dc;border-radius:28px;padding:26px;box-shadow:0 16px 45px rgba(80,20,72,.07)}
.article-card .intro{font-size:17px;color:#4e4054;background:#fff7fb;border:1px solid #f0cfdd;border-radius:18px;padding:15px;margin:0 0 22px}
.article-card h2{font-size:23px;color:#1f1024;margin:28px 0 8px}
.article-card p{margin:0 0 12px;color:#514455}
.article-note{margin-top:24px;padding:14px;border-radius:16px;background:#f4fbff;border:1px solid #cdeaf7;color:#36515e;font-size:13px}
.related{margin-top:22px;padding-top:20px;border-top:1px solid #efd0dc}
.related h2{margin-top:0}
.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.related a{padding:10px 12px;background:#fff8fb;border:1px solid #efd0dc;border-radius:14px;color:#59365e;font-size:13px;font-weight:900}
.cta{margin-top:24px;border-radius:22px;padding:20px;background:linear-gradient(135deg,#fff0f6,#f5efff);border:1px solid #efd0dc;text-align:center}
.btn{display:inline-flex;min-height:44px;padding:0 18px;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,#d4145a,#7b1fa2);color:#fff;font-weight:900;margin-top:10px}
.mag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mag-card{display:block;background:#fff;border:1px solid #efd0dc;border-radius:20px;padding:18px;box-shadow:0 10px 30px rgba(80,20,72,.05)}
.mag-card h2{font-size:18px;margin:0 0 6px;color:#2b1830}
.mag-card p{font-size:13px;color:#6c5e70;margin:0}
footer{padding:24px 0;background:#1f1024;color:#f8e7ef;text-align:center;font-size:13px}
@media(max-width:700px){
  .nav{min-height:auto;padding:10px 0;align-items:flex-start;flex-direction:column}
  .hero{padding-top:16px}.hero-box{padding:20px 16px;border-radius:23px}
  .hero-box h1{font-size:25px}
  .article-card{padding:17px;border-radius:22px}
  .article-card h2{font-size:20px}
  .article-card .intro{font-size:15px}
  .related-grid,.mag-grid{grid-template-columns:1fr}
}