body{margin:0;font-family:Vazirmatn,sans-serif;background:#f5f5f5;color:#0f172a}
.container{max-width:1200px;margin:auto;padding:40px 20px}

/* HERO */
.hero-header{
width:100vw;
margin-left:calc(50% - 50vw);

display:flex;
align-items:center;
justify-content:center;

padding:20px 0;

background:linear-gradient(135deg,#ecfeff 0%,#f8fafc 45%,#fff 100%);
border-bottom:1px solid #e2e8f0;

box-shadow:0 8px 24px rgba(15,23,42,.06);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
}

.hero-header img{
width:200px;
height:90px;
object-fit:contain;
}

.hero-header img{
width:200px;
height:90px;
object-fit:contain;
}

/* BUTTONS */
.btn{display:inline-block;margin-top:20px;background:#0891b2;color:#fff;padding:12px 22px;border-radius:12px;font-weight:600;text-decoration:none}
.btn.secondary{background:#f1f5f9;color:#0f172a;margin-right:10px}

/* GRID */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}

/* CARDS */
.card{border:1px solid #e2e8f0;border-radius:16px;padding:20px;background:#fff;transition:.3s}
.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.06)}
.card h3{color:#0891b2;margin-bottom:15px;font-size:18px}
.card ul{list-style:none;padding:0;margin:0}
.card ul li{padding:6px 0;border-bottom:1px dashed #e2e8f0;font-size:14px;color:#334155}

/* ICON */
.icon{width:42px;height:42px;background:#ecfeff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.icon svg{width:22px;height:22px}

/* SECTION TITLE */
.section-title{font-size:28px;margin:80px 0 20px}

/* LIST */
.list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:30px}
.list-item{display:flex;gap:10px;align-items:flex-start;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}
.tick{color:#22c55e;font-weight:bold}

/* CTA */
.cta{background:#0f172a;color:#fff;padding:40px;border-radius:20px;margin-top:60px;text-align:center}
.cta p{color:#cbd5e1}

/* IMAGE */
img{max-width:100%;border-radius:16px}

/* STATS */
.stats-section{padding:80px 20px;max-width:1200px;margin:auto;text-align:center}
.stats-title{font-size:28px;margin-bottom:40px;color:#0f172a;line-height:1.6}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:30px 20px;transition:.3s;box-shadow:0 6px 20px rgba(0,0,0,.04)}
.stat-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,.08)}
.stat-number{font-size:32px;font-weight:800;color:#0891b2;margin-bottom:10px}
.stat-label{font-size:14px;color:#475569}


.cta-modern{
position:relative;
padding:70px 20px;
margin-top:80px;
border-radius:24px;
overflow:hidden;
background:linear-gradient(135deg,#0f172a,#0b3a4a);
box-shadow:0 20px 60px rgba(0,0,0,0.25);
text-align:center;
color:#fff;
}

.cta-modern::before{
content:"";
position:absolute;
inset:0;
background:radial-gradient(circle at top,#22d3ee33,transparent 60%);
pointer-events:none;
}

.cta-content{
position:relative;
max-width:700px;
margin:auto;
}

.cta-modern h2{
font-size:32px;
margin-bottom:15px;
font-weight:800;
line-height:1.4;
}

.cta-modern p{
color:#cbd5e1;
line-height:1.9;
font-size:15px;
margin-bottom:30px;
}

.cta-actions{
display:flex;
justify-content:center;
gap:12px;
flex-wrap:wrap;
}

/* BUTTONS */
.btn{
padding:12px 22px;
border-radius:12px;
font-weight:600;
text-decoration:none;
transition:0.3s;
}

.btn.primary{
background:#22d3ee;
color:#0f172a;
box-shadow:0 10px 25px rgba(34,211,238,0.25);
}

.btn.primary:hover{
transform:translateY(-3px);
background:#67e8f9;
}

.btn.ghost{
border:1px solid #334155;
color:#fff;
background:transparent;
}

.btn.ghost:hover{
background:rgba(255,255,255,0.08);
transform:translateY(-3px);
}
/* INFO GRID */
.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1200px;margin:auto;padding:60px 20px}

/* TABS */
.tabs-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;max-width:1200px;margin:auto;padding:60px 20px;align-items:start}
.tab-content{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.04)}
.tab-content h2{color:#0f172a;margin-bottom:15px}
.tab-content p{color:#475569;line-height:2}
.tab-content ul{margin-top:20px;padding-right:18px}
.tab-content li{margin-bottom:10px;color:#334155}
.tabs{display:flex;flex-direction:column;gap:12px}
.tab{padding:14px 16px;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;background:#f8fafc;font-size:14px;font-weight:600;color:#0f172a;transition:.3s}
.tab:hover{background:#ecfeff}
.tab.active{background:#fff;border-color:#0891b2;box-shadow:0 8px 20px rgba(0,0,0,.05);color:#0891b2}

/* RESPONSIVE */
@media(max-width:900px){
.hero{grid-template-columns:1fr}
.grid{grid-template-columns:1fr}
.list{grid-template-columns:1fr}
.stats-grid{grid-template-columns:repeat(2,1fr)}
.tabs-layout{grid-template-columns:1fr}
}

@media(max-width:500px){
.stats-grid{grid-template-columns:1fr}
}