*{box-sizing:border-box;margin:0;padding:0;border:none;outline:none;font-family:Vazir!important}body{--PureBlack: #0c0c0c;--Black75: #0c0c0c75;--Black50: #0c0c0c50;--Black25: #0c0c0c25;--Black: #1a1a1a;--dark: #161616;--SecondaryDark: #292929;--White: #f5f5f5;--White75: #f5f5f575;--White50: #f5f5f550;--White25: #f5f5f525;--White10: #f5f5f510;--PrimaryDark: #52131d;--PrimaryDark25: #52131d25;--PrimaryDark50: #52131d50;--PrimaryDark75: #52131d75;--PrimaryColor: #FF3B5C;--PrimaryColor25: #FF3B5C25;--PrimaryColor50: #FF3B5C50;--PrimaryColor75: #FF3B5C75;--GradiantColor1: #2f2f2f;--GradiantColor2: #2b2b2b}a{text-decoration:none}@font-face{font-family:Vazir;src:url(/assets/YekanBold-CX3uoaga.woff2) format("woff2"),url(/assets/YekanBold-CX6hBH57.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Vazir;src:url(/assets/YekanReg-LCyBWp0C.woff2) format("woff2"),url(/assets/YekanReg-D0Ln51Tw.woff) format("woff");font-weight:400;font-style:normal}body{background-color:var(--Black)}header{display:flex;align-items:center;gap:50px;padding:20px;margin-inline:auto}@media (max-width: 575px){header{width:100%}}@media (min-width: 576px){header{width:540px}}@media (min-width: 768px){header{width:720px}}@media (min-width: 992px){header{width:920px}}@media (min-width: 1200px){header{width:1120px}}@media (min-width: 1400px){header{width:1320px}}@media (min-width: 1600px){header{width:1440px}}header #logo{font-size:18px;background:linear-gradient(90deg,var(--PrimaryColor) 0,var(--PrimaryColor) 25%,#e9d5ff 50%,var(--PrimaryColor) 75%,var(--PrimaryColor) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:logo-shine 3s ease-in-out infinite}header .menu{display:flex;align-items:center;gap:20px}@media (max-width: 575px){header .menu{display:none}}header .menu a{font-size:14px;padding:5px 10px;color:var(--White)}@keyframes logo-shine{0%{background-position:200%}to{background-position:-200%}}#Index{margin-top:calc((100dvh - 80px)/2 - 168px);display:flex;flex-direction:column;justify-content:center;gap:40px;margin-inline:auto;height:auto;padding:20px}@media (max-width: 575px){#Index{width:100%}}@media (min-width: 576px){#Index{width:540px}}@media (min-width: 768px){#Index{width:720px}}@media (min-width: 992px){#Index{width:920px}}@media (min-width: 1200px){#Index{width:1120px}}@media (min-width: 1400px){#Index{width:1320px}}@media (min-width: 1600px){#Index{width:1440px}}#Index>div{color:var(--White)}#Index .top{display:flex;flex-direction:column;gap:10px;justify-content:center;padding:25px;flex:1;border:1px solid var(--White25);border-radius:25px;background-image:radial-gradient(circle at 0 0,var(--PrimaryColor25),rgba(0,0,0,0) 12%),radial-gradient(circle at 100% 100%,var(--PrimaryDark25),rgba(0,0,0,0) 6%)}@media (max-width: 575px){#Index .top{padding:10px}}#Index .top b{color:var(--White50);font-size:12px}#Index .top form{display:flex;flex-direction:column;gap:20px;border:1px dashed var(--White25);background-color:var(--Black75);padding:50px;border-radius:25px}@media (max-width: 575px){#Index .top form{padding:15px}}#Index .top form input{font-size:14px;padding:10px;border-radius:5px;background-color:var(--PureBlack);color:var(--White)}#Index .top form span{color:var(--White);text-align:center}#Index .top form small{color:var(--White50)}#Index .top form button{font-size:14px;padding:10px;background-color:var(--PrimaryColor);color:var(--White);border-radius:50rem}#Index .top form button:hover{background-image:linear-gradient(to bottom right,var(--PrimaryColor),var(--Black75))}#Index .bottom{display:flex;gap:20px}#Index .bottom article{flex:1;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;padding:25px;color:var(--White);border:1px solid var(--White25);border-radius:25px;background-color:transparent;transition:all .2s;background-image:radial-gradient(circle at 0 0,var(--PrimaryColor25),rgba(0,0,0,0) 24%),radial-gradient(circle at 100% 100%,var(--PrimaryDark25),rgba(0,0,0,0) 12%)}#Index .bottom article:hover{background-size:120%;flex:2}#Index .bottom article:hover span{background-color:var(--PrimaryColor)}#Index .bottom article span{transition:all .2s;height:50px;width:50px;display:grid;font-size:24px;place-content:center;border-radius:50rem;background-color:var(--PrimaryColor75)}.ToastMessage{padding:10px;background-color:var(--PrimaryColor);font-size:14px;display:flex;color:var(--White);align-items:center;gap:10px;border-radius:50rem;position:absolute;bottom:20px;right:20px}