@font-face{font-family:IRANSansX;font-style:normal;font-weight:100;src:local('IRANSansX'),url('/_next/static/fonts/IRANSansXThin.woff') format('woff')}@font-face{font-family:IRANSansX;font-style:normal;font-weight:200;src:local('IRANSansX'),url('/_next/static/fonts/IRANSansXThin.woff') format('woff')}@font-face{font-family:IRANSansX;font-style:normal;font-weight:300;src:local('IRANSansX'),url('/_next/static/fonts/IRANSansXLight.woff') format('woff')}@font-face{font-family:IRANSansX;font-style:normal;font-weight:400;src:local('IRANSansX'),url('/_next/static/fonts/IRANSansXRegular.woff') format('woff')}@font-face{font-family:IRANSansX;font-style:normal;font-weight:500;src:local('IRANSansX'),url('/_next/static/fonts/IRANSansXMedium.woff') format('woff')}@font-face{font-family:IRANSansX;font-style:normal;font-weight:600;src:local('IRANSansX'),url('/_next/static/fonts/IRANSansXDemiBold.woff') format('woff')}@font-face{font-family:IRANSansX;font-style:normal;font-weight:700;src:local('IRANSansX'),url('/_next/static/fonts/IRANSansXBold.woff') format('woff')}@font-face{font-family:IRANSansX;font-style:normal;font-weight:800;src:local('IRANSansX'),url('/_next/static/fonts/IRANSansXExtraBold.woff') format('woff')}@font-face{font-family:IRANSansX;font-style:normal;font-weight:900;src:local('IRANSansX'),url('/_next/static/fonts/IRANSansXBlack.woff') format('woff')}

:root { --primary-color: #0087ff; --primary-light: #4895ef; --primary-dark: #0066cc; --secondary-color: #2794cb; --success-color: #10b981; --danger-color: #ef4444; --warning-color: #f59e0b; --info-color: #3b82f6; --text-color: #333333; --text-light: #64748b; --text-muted: #94a3b8; --bg-color: #ffffff; --bg-light: #f8f9fa; --bg-card: #ffffff; --overlay-bg: rgba(0, 0, 0, .55); --border-color: #e2e8f0; --border-light: #f1f5f9; --shadow-sm: 0 1px 3px rgba(0,0,0,0.1); --shadow: 0 4px 12px rgba(0, 0, 0, .05); --shadow-lg: 0 8px 30px rgba(0, 0, 0, .08); --radius-sm: 8px; --radius: 12px; --radius-full: 9999px; --transition: .3s cubic-bezier(.4, 0, .2, 1); --transition-fast: .15s ease; --header-height: 65px; --container-width: 1200px; --spacing-sm: 8px; --spacing-md: 15px; --spacing-lg: 20px; --spacing-xl: 30px; --font-family-base: inherit; --font-size-base: 14px; --font-size-lg: 16px; --font-size-xl: 22px; }

*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;font-family:IRANSansX;font-feature-settings: "ss02";}
html{-webkit-text-size-adjust:100%;touch-action:manipulation;scroll-behavior:smooth;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body{line-height:1.75;background:#f7f7f7;color:#333;direction:rtl}

a{text-decoration:none;color:inherit;}
ul{list-style:none}img{max-width:100%;height:auto}

.container{max-width:1300px;margin:0 auto;padding:13px}.cont{max-width:1300px}.p-1{padding:1em}.m-u{margin:0 auto}.p-t-10{padding-top:10px!important;}
.nxw {width: 100%;
    background: linear-gradient(180deg, #f0faff80 0%, #0087ff00 45%, #ffffff38 100%)}
.hdr{background:#fff;position:sticky;top:0;z-index:500;box-shadow:var(--shadow)}
.nav{display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}
.logo{width:137px;height:auto;display: flex;}

.menu{display:flex;gap:18px;transition:.35s}
.menu a{font-size:15px;display: block;}
.menu a:hover{color:#0073aa}

.ham{display:none;cursor:pointer}

.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-bg);opacity:0;visibility:hidden;transition:.3s;z-index: 333;}
.overlay.show{opacity:1;visibility:visible}

.btnflx{display:flex;align-items:center;gap:7px}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;}
.icon-btn svg{width:22px;height:22px;fill:none;stroke:#374151;stroke-width:2}

.minex{display:flex;align-items:center;gap:1em;justify-content:space-between;margin: 3em 0;}
.bx-ix{flex: 0 0 50%;}

.tx-bio{display:flex;align-items:center;font-size:40px;font-weight:900;margin: 0 0 30px;}
.tx-bio h1{font-size:40px;font-weight:900;}
.typph {border-right: 2px solid #0087ff;padding-right: 10px;font-size: 15px;}

.bgtom{width:33%;height:33%;background:var(--primary-color);border-radius:.75rem;position:absolute;top:-20px;right:-13px;z-index:-1}

.tag{position:relative;display:inline-block;padding:1px 10px;margin:0 6px;border:1px solid var(--primary-color);color:var(--primary-color)}
.tag span{position:absolute;width:6px;height:6px;background:var(--primary-color)}

.c1{top:-3px;right:-3px}.c2{top:-3px;left:-3px}.c3{bottom:-3px;right:-3px}.c4{bottom:-3px;left:-3px}

.post{background:#fff;padding:25px;margin-bottom:25px;border-radius:6px;box-shadow:var(--shadow)}
.post h1{margin-bottom:15px}
.post-meta{font-size:13px;color:#777;margin-bottom:10px}

.ftr{background:#111;color:#fff;padding:40px 20px;margin-top:50px;border-radius:.75rem .75rem 0 0 ;position:relative}
.fotr{display:grid;grid-template-columns:31.5% 11% 11% 17% 15%;gap:30px}

.ftr h3{margin-bottom:15px;font-size:18px}
.ftr p,.ftr li{font-size:14px;color:#ccc;margin-bottom:8px}

.ftr a{color:#ccc}.ftr a:hover{color:#fff}

.copy{margin-top:40px;border-top:1px solid #222;padding-top:20px;display:flex;align-items:center;justify-content:space-between}
.copy p,.copy span{text-align:center;font-size:13px;color:#aaa}

@media(max-width:1100px){.fotr{grid-template-columns:1fr 1fr 1fr}.bgtom{width:100%;height:33%;top:-9px;right:0px}
}
@media(max-width:900px){.fotr{grid-template-columns:1fr 1fr}}

@media(max-width:768px){
.copy{flex-direction:column;gap:10px}
.menu{position:fixed;top:0;right: -240px;width: 200px;height:100vh;background:#fff;flex-direction:column;margin: 65px 0 0; padding: 1em;;gap: 0;z-index:1200}
.menu.show{right:0}
.menu a{padding: 10px 2px;width: 82%;color: #005aa2;display: flex;font-weight: 500;margin-bottom: 10px;border-bottom: solid 1px #ebebeb;}
.ham{display:block}

.tx-bio{display:flex;align-items:center;font-size:25px;font-weight:900;margin: 0 0 15px;}
.tx-bio h1{font-size:25px;font-weight:900;}
    

.minex{flex-direction:column-reverse;margin: 1em 0;gap: 2em;}
.bx-ix{flex:0 0 100%;}

.fotr{grid-template-columns:1fr}
}