:root{ --brand:#2596be; --petrol:#123f56; --copper:#B9832E; --copper-light:#E9C98A; --ink:#10222B; }
*{ box-sizing:border-box; }
body{ margin:0; font-family:'Vazirmatn',Tahoma,sans-serif; color:var(--ink); line-height:1.9;
  background: radial-gradient(900px 500px at 15% -10%, rgba(255,255,255,.14), transparent 60%), linear-gradient(180deg,#2596be 0,#18627f 45%,#0d3345 100%); min-height:100vh; }
a{ color:var(--brand); }
.sp-nav{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 20px; background:rgba(255,255,255,.92); backdrop-filter:blur(10px); position:sticky; top:0; z-index:10; box-shadow:0 8px 24px -16px rgba(0,0,0,.5); }
.sp-brand{ display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--petrol); font-weight:800; font-size:17px; }
.sp-brand img{ width:40px; height:40px; object-fit:contain; }
.sp-btn{ display:inline-block; padding:10px 22px; border-radius:999px; background:var(--copper); color:#fff; text-decoration:none; font-weight:700; font-size:14px; transition:transform .2s, box-shadow .2s; }
.sp-btn:hover{ transform:translateY(-2px); box-shadow:0 10px 20px -10px rgba(0,0,0,.6); }
.sp-btn--ghost{ background:transparent; color:var(--petrol); border:1.5px solid rgba(18,63,86,.35); }
.sp-wrap{ max-width:900px; margin:0 auto; padding:22px 16px 50px; }
.sp-crumb{ display:flex; gap:8px; font-size:13px; color:rgba(255,255,255,.85); margin-bottom:14px; }
.sp-crumb a{ color:#fff; }
.sp-card{ background:#fff; border-radius:26px; padding:42px 44px; box-shadow:0 30px 60px -30px rgba(5,28,40,.7); }
h1{ font-size:clamp(23px,3.4vw,34px); line-height:1.6; color:var(--petrol); margin:0 0 12px; }
h2{ font-size:clamp(18px,2.4vw,22px); color:var(--petrol); margin:30px 0 10px; }
p{ margin:0 0 10px; color:#33454d; font-size:15.5px; }
.sp-lead{ font-size:17px; color:#22363f; padding-bottom:6px; border-bottom:1px dashed rgba(18,63,86,.2); margin-bottom:6px; }
.chk{ list-style:none; padding:0; margin:0; display:grid; gap:8px; }
.chk li{ position:relative; padding:10px 46px 10px 14px; background:#EAF6FB; border-radius:14px; font-size:15px; }
.chk li::before{ content:"✓"; position:absolute; right:14px; top:50%; transform:translateY(-50%); width:24px; height:24px; border-radius:50%; background:var(--copper); color:#fff; font-size:13px; display:flex; align-items:center; justify-content:center; }
.sp-faq{ display:grid; gap:10px; }
details{ border:1px solid rgba(18,63,86,.16); border-radius:16px; overflow:hidden; }
summary{ cursor:pointer; padding:14px 18px; font-weight:700; color:var(--petrol); font-size:15px; }
details[open]{ border-color:rgba(37,150,190,.55); }
details p{ padding:0 18px 14px; margin:0; }
.sp-cta{ margin-top:34px; padding:26px; border-radius:22px; background:linear-gradient(150deg,#123f56,#0d3345); color:#fff; display:flex; flex-direction:column; gap:8px; text-align:center; align-items:center; }
.sp-cta strong{ font-size:18px; }
.sp-cta span{ opacity:.85; font-size:14px; }
.sp-cta div{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin-top:8px; }
.sp-cta .sp-btn--ghost{ color:#fff; border-color:rgba(255,255,255,.5); }
.sp-related{ margin-top:26px; display:flex; flex-wrap:wrap; gap:8px 16px; font-size:14px; align-items:center; }
.sp-related span{ color:#6a7a82; }
.sp-foot{ text-align:center; padding:22px 16px 40px; color:rgba(255,255,255,.75); font-size:13px; }
@media (max-width:600px){ .sp-card{ padding:26px 18px; border-radius:20px; } .sp-wrap{ padding:14px 10px 40px; } p{ font-size:15px; } .chk li{ font-size:14px; } }