*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{font-size:100%}@media (max-width: 767px){:root{font-size:90%}}html,body{height:100%;width:100%;font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;font-family:Inter,sans-serif;background-color:#18222d;color:#fff;touch-action:manipulation}img,video,canvas,svg{display:block;max-width:100%;height:auto}button,input,textarea,select{font:inherit}.text-center{text-align:center}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.p-1{padding:.25rem}.p-2{padding:.5rem}@media (max-width: 768px){.hidden-mobile{display:none!important}}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.grid,.grid-2-cols{display:grid;gap:1rem}@media (max-width: 767px){.grid-2-cols{grid-template-columns:1fr}}@media (min-width: 768px){.grid-2-cols{grid-template-columns:1fr 1fr}}.app-loading{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#f2f2f2;font-family:Vazirmatn,sans-serif;font-size:1rem;color:#333}.app-loading .logo{width:100px;height:100px;margin-bottom:20px}.app-loading .spinner{height:60px;width:60px;animation:rotate 2s linear infinite}.app-loading .spinner .path{stroke-dasharray:1,200;stroke-dashoffset:0;stroke:#4b88e2;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}