@font-face {
  font-family: 'Fontmagicfile';
  src:
    url('https://magicfile.ir/font/magicfile.woff2') format('woff2'),
    url('https://magicfile.ir/font/magicfile.woff') format('woff');
  font-display: swap;
}
body{font-family:'Fontmagicfile';margin:0;direction:rtl;line-height:1.6;background-color: #f1f5f9;color: var(--dark);line-height: 1.6;}
a{color:#fff;text-decoration:none;}
a:hover{color:#000;}
.main{margin:2px;}
.main-header{color:#fff;background-color:#90f;padding:10px;}
.article{display: inline-block;max-width: 410px;padding: 5px;font-size: 18px;background: #f4f7fb;border-radius: 14px;margin: 10px;box-shadow: 0 4px 12px rgb(0 0 0 / 26%);transition: .25s ease;will-change: transform;}
.article:hover{transform:translateY(-6px);box-shadow:0 10px 22px rgba(0,0,0,0.15);}
.article img{border-radius: 14px;}
.span3{color:#1a237e;font-weight:bold;}
.listm{text-align:center;margin:15px auto;}
.dl,.dl_a{font-size:17px;color:#fff;padding:8px 26px;border-radius:6px;border:none;display:inline-block;transition:.25s ease;}
.dl{background:linear-gradient(135deg,#1b5e20,#4caf50);box-shadow:0 4px 12px rgba(76,175,80,0.35);}
.dl:hover{background:linear-gradient(135deg,#145a16,#43a047);box-shadow:0 7px 18px rgba(56,142,60,0.45);transform:translateY(-2px);}
.dl_a{background:linear-gradient(135deg,#0d47a1,#1976d2);box-shadow:0 4px 12px rgba(25,118,210,0.35);margin:4px;}
.dl_a:hover{background:linear-gradient(135deg,#0a3578,#1565c0);box-shadow:0 7px 18px rgba(25,118,210,0.45);transform:translateY(-2px);}
.dl_m{color:#fff;background-color:#60f;font-size:20px;text-align:center;}
.command{display:inline-block;padding:20px;font-size:18px;margin:10px;}
.span1{color:#000080;font-size:24px;}
.span2{color:#f60;}
img{opacity:1;width:100%;height:auto;transition:opacity .3s;}
img[data-src]{opacity:0;}
.text{padding:10px;margin:auto;background:#fff;border-radius:10px;border:5px double #08f;}
.wrapper{text-align:center;border:1px groove #C7C7C7;background:#f5f5f5;color:#000;margin:10px;padding:10px;border-radius:10px;}
.wrapper img{display:block;height:120px;width:120px;border-radius:20%;border:1px solid #AD002C;float:right;transition:opacity .3s;}
.center-txt{display:flex;align-items:center;justify-content:center;}
.containerpost{display:flex;flex-wrap:wrap;justify-content:center;}
.post-box{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);margin:20px;padding:5px;width:380px;transition:transform .3s;}
.post-box:hover{transform:scale(1.05);}
.read-more{display:inline-block;margin-top:10px;padding:10px 15px;background-color:#007bff;color:#fff;border-radius:5px;transition:background-color .3s;}
.read-more:hover{background-color:#0056b3;}
.stats-grid{padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;}
.stat-card{background:linear-gradient(135deg,#5c6bc0,#7e57c2);color:#fff;border-radius:14px;padding:20px 15px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,0.15);transition:.25s ease;}
.stat-card:hover{transform:translateY(-6px);box-shadow:0 10px 22px rgba(0,0,0,0.25);}
.stat-title{font-size:18px;margin-bottom:10px;opacity:.9;font-weight:500;}
.stat-value{font-size:18px;margin:0;font-weight:bold;}
.stat-title i{margin-left:6px;color:rgba(255,255,255,0.9);}
@media(max-width:600px){.center-txt{display:inline-block;}.wrapper img{width:100%;height:auto;float:none;margin-bottom:10px;}}
@media(max-width:500px){.article{margin:8px 0;font-size:16px;padding:12px;}}