@font-face{font-family:"Vazirmatn UIL";src:url(Vazirmatn-UI-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Vazirmatn UIR";src:url(Vazirmatn-UI-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Vazirmatn UIM";src:url(Vazirmatn-UI-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Vazirmatn UIB";src:url(Vazirmatn-UI-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Vazirmatn FD;src:url(Vazirmatn-FD-Regular.woff2) format("woff2");font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:Righteous;src:url(Righteous-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:#ddd6}
::-webkit-scrollbar-thumb{background:#000}
::-webkit-scrollbar-thumb:hover{background:#000}
html{overflow-y:scroll;box-sizing:border-box;margin:0;padding:0}
a:link,a:visited,a:hover{text-decoration:none}
body{background:#000;font-family:"Vazirmatn FD",Vazirmatn,tahoma,arial,sans-serif;direction:rtl;font-size:13px}
header{text-align:center;width:320px;margin:30px auto 8px auto}
header video{border-radius:16px 16px;border:2px solid rgb(63 66 70 / 67%)}
header img{display:block;margin:0 auto;width:150px;height:auto}
main{padding:2px 2px;background:rgb(40 44 52);text-align:justify;width:320px;margin:0 auto 8px auto;border:1px solid rgb(63 66 70 / 67%);border-radius:16px 16px}
main h1{background:rgb(63 66 70 / 67%);color:rgb(172, 174, 175);font-size:17px;margin:0;border-radius:16px 16px 0 0;padding:6px 12px}
main p{color:#abb2bf;margin:0;font-size:15px;line-height:1.7;padding:6px 12px;display:inline-block}
nav{text-align:center;width:320px;margin:0 auto 8px auto;border-radius:30px 30px;box-shadow:0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);padding:10px 0}
nav .nav-1{text-align:right;display:inline-block;width:26%;padding:10px;font-size:17px;font-weight:700}
nav .nav-2{text-align:left;display:inline-block;width:26%;padding:10px;font-size:17px;font-weight:700}
nav .nav-1 a:link,nav .nav-1 a:visited,nav .nav-2 a:link,nav .nav-2 a:visited{color:rgb(172, 174, 175);padding:2px 10px;border-radius:24px 24px}
nav .nav-1 a:hover,nav .nav-2 a:hover{color:#fff}
nav .start{text-align:center;display:inline-block;width:32%;}
nav .start a:link,.start a:visited{font-size:21px;font-weight:700}
aside{text-align:center;width:320px;margin:0 auto 30px auto}
aside .ok{text-align:center;display:block;color:rgb(172, 174, 175);margin-top:20px}
aside .namads{text-align:center;display:inline-block;width:24%;margin-top:30px}
aside .ads img{height:auto;width:100%;display:block;border-radius:8px 8px}
aside .namads img{height:60px;width:auto;border-radius:8px 8px}
footer{text-align:center;width:320px;margin:10px auto 30px;color:rgb(245, 246, 246)}
footer a:link,footer a:visited{color:#344456}
footer a:hover{color:#ea0234}
.hb-btn{cursor:pointer;font-size:17px!important;display:inline-block;background-color:#e6e6e6;background-repeat:no-repeat;background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),color-stop(25%,#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(#fff,#fff 25%,#e6e6e6);background-image:-moz-linear-gradient(top,#fff,#fff 25%,#e6e6e6);background-image:-ms-linear-gradient(#fff,#fff 25%,#e6e6e6);background-image:-o-linear-gradient(#fff,#fff 25%,#e6e6e6);background-image:linear-gradient(#fff,#fff 25%,#e6e6e6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e6e6',GradientType=0);padding:5px 12px 6px;text-shadow:0 1px 1px #ffffffbf;color:#000;line-height:normal;border:1px solid #ccc;border-bottom-color:#bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 #fff3 0 1px 2px #0000000d;-moz-box-shadow:inset 0 1px 0 #fff3 0 1px 2px #0000000d;box-shadow:inset 0 1px 0 #fff3 0 1px 2px #0000000d;-webkit-transition:.1s linear all;-moz-transition:.1s linear all;-ms-transition:.1s linear all;-o-transition:.1s linear all;transition:.1s linear all}
.hb-btn:hover{background-position:0 -15px;text-decoration:none;color:#666}
#myBtn{border:0;background:transparent;font-family:unset;font-size:13px;cursor:pointer;color:rgb(245, 246, 246)}
#myBtn:hover{color:#fff}
aside .ok button{border:0;font-weight:bold;border-bottom:1px dashed rgb(172, 174, 175);width:auto;padding:0 0 4px 0;font-family:unset;background:transparent;cursor:pointer;color:rgb(172, 174, 175)}
aside .ok button:hover{border-bottom:1px dashed #fff;color:#fff}
.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:center;z-index:1000}
.modal-box{background:#18181b;width:320px;padding:0;overflow:auto;height:90%;border-radius:16px 16px;border:2px solid rgb(63 66 70 / 67%);position:relative;color:#fff;text-align:center;box-shadow:0 4px 15px #0003}
.close-btn{position:absolute;top:0;right:15px;font-size:30px;cursor:pointer;font-weight:700;color:#ea0234}
.modal-box .header{background:#040505;padding:10px;font-size:17px;font-weight:700}
.modal-box p{color:#000}
.modal-box ol{padding:20px 30px;margin:0}
.modal-box ol li{text-align:justify;font-size:15px;margin-bottom:20px}
.modal-box ol li span{font-weight:600;color:rgb(172, 174, 175)}