*{margin:0;padding:0}:root{--nav-menu-height:60px;--primary-color:var(--color-brand);--primary-fill-color:var(--color-brand-fill)}input,textarea,button,select,a{-webkit-tap-highlight-color:transparent}@font-face{font-family:PeydaWeb;font-style:normal;font-weight:100;src:url(static/fonts/woff2/PeydaWeb-Thin.woff2)format("woff2"),url(static/fonts/woff/PeydaWeb-Thin.woff)format("woff")}@font-face{font-family:PeydaWeb;font-style:normal;font-weight:200;src:url(static/fonts/woff2/PeydaWeb-ExtraLight.woff2)format("woff2"),url(static/fonts/woff/PeydaWeb-ExtraLight.woff)format("woff")}@font-face{font-family:PeydaWeb;font-style:normal;font-weight:300;src:url(static/fonts/woff2/PeydaWeb-Light.woff2)format("woff2"),url(static/fonts/woff/PeydaWeb-Light.woff)format("woff")}@font-face{font-family:PeydaWeb;font-style:normal;font-weight:500;src:url(static/fonts/woff2/PeydaWeb-Medium.woff2)format("woff2"),url(static/fonts/woff/PeydaWeb-Medium.woff)format("woff")}@font-face{font-family:PeydaWeb;font-style:normal;font-weight:600;src:url(static/fonts/woff2/PeydaWeb-SemiBold.woff2)format("woff2"),url(static/fonts/woff/PeydaWeb-SemiBold.woff)format("woff")}@font-face{font-family:PeydaWeb;font-style:normal;font-weight:800;src:url(static/fonts/woff2/PeydaWeb-ExtraBold.woff2)format("woff2"),url(static/fonts/woff/PeydaWeb-ExtraBold.woff)format("woff")}@font-face{font-family:PeydaWeb;font-style:normal;font-weight:900;src:url(static/fonts/woff2/PeydaWeb-Black.woff2)format("woff2"),url(static/fonts/woff/PeydaWeb-Black.woff)format("woff")}@font-face{font-family:PeydaWeb;font-style:normal;font-weight:700;src:url(static/fonts/woff2/PeydaWeb-Bold.woff2)format("woff2"),url(static/fonts/woff/PeydaWeb-Bold.woff)format("woff")}@font-face{font-family:PeydaWeb;font-style:normal;font-weight:400;src:url(static/fonts/woff2/PeydaWeb-Regular.woff2)format("woff2"),url(static/fonts/woff/PeydaWeb-Regular.woff)format("woff")}body{color:#d1dee8;background-color:#1b1b1b;flex-direction:column;max-width:600px;height:100svh;margin:auto;display:flex;position:relative;font-family:PeydaWeb!important}button{cursor:pointer;border:none;border-radius:10px;outline:none;padding:10px 20px;font-family:PeydaWeb}#header{text-align:center;background-color:#0000ff26;justify-content:space-between;padding:10px;display:flex}#main{scrollbar-color:var(--primary-color)#0000;flex-grow:1;overflow:hidden auto}#nav-menu{backdrop-filter:blur(10px);min-height:var(--nav-menu-height);box-sizing:border-box;background-image:linear-gradient(#0000007a,#000f3acf);border:0 solid #ffcc00d6;border-bottom-width:4px;border-radius:20px 20px 0 0;grid-template-columns:repeat(4,1fr);place-items:center;width:100%;max-width:600px;padding:10px;display:grid;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 20px #0038ff17}.nav-menu-btn{text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#d6000000;border-radius:10px;flex-direction:column;padding:10px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.nav-title{height:0;line-height:.8rem;transition:height .25s cubic-bezier(.27,.65,.25,.69);overflow:hidden}.active{background-color:#0004;padding:8px}.nav-menu-btn:hover{background-color:#0004}.nav-menu-btn img{display:block}#nav-spacer{height:calc(var(--nav-menu-height) + 20px)}.section{flex-direction:column;gap:10px;padding:0 10px;display:flex}.section>h2:first-child{text-align:center;text-shadow:0 10px 15px #ffcc003f;margin:2rem 0}.price{text-align:left;color:var(--primary-color);font-weight:600}.free{text-align:left;color:#0f0;padding-top:10px;font-weight:600}.price:after{content:"";background:currentColor;width:1rem;height:1rem;margin-left:.25em;margin-right:6px;display:inline-block;transform:scale(1.5);-webkit-mask:url(static/svg/toman.svg) 50%/contain no-repeat;mask:url(static/svg/toman.svg) 50%/contain no-repeat}.price.strike-through{color:red;margin-bottom:5px;font-size:14px;text-decoration:line-through}.course-card{cursor:pointer;background-color:#24232c;background-image:linear-gradient(213deg,#ffd2000f,#0000005e);border:1px solid #ffffff30;border-radius:20px;align-items:center;gap:15px;padding:10px;transition:all .1s;display:flex;position:relative;box-shadow:0 0 10px #00000042}.course-card:hover{transform:scale(1.01)}.course-card:active{background-color:#3f3d4d;transform:scale(.99)}.course-card>img{border:3px solid var(--primary-color);border-radius:20px;height:100px}.course-card>div{flex-grow:1;align-content:space-between;gap:5px;display:grid}.course-card h2+div{display:flex}[data-field=title]+div{flex-wrap:wrap;justify-content:flex-end}.course-card h2+div>span:first-child{color:#9090a6;flex-grow:1}.profile-table>div:nth-child(odd){color:#a7a6b0}.profile-table>div:nth-child(2n){color:#d4d4d4}#profile-pic{border:4px solid var(--primary-color);background-image:url(static/svg/profile.svg);background-position:50%;background-repeat:no-repeat;background-size:50px;border-radius:50%;width:100px;height:100px}#installPWABtn{background-image:linear-gradient(45deg,var(--primary-fill-color),#fcff00);cursor:pointer;border:none;border-radius:10px;outline:none;align-items:center;gap:15px;margin:10px auto;padding:10px 20px;font-size:16px;font-weight:600;transition:all .3s;display:flex}#installPWABtn:hover{background-image:linear-gradient(45deg,#ffe88c,#fbff1d);transform:scale(1.01)}@keyframes pulse-hold{5%{background-color:var(--primary-fill-color);transform:scale(1)}20%{background-color:#ffe26c;transform:scale(1.05)}30%{background-color:#ffe26c;transform:scale(1.05)}45%{background-color:var(--primary-fill-color);transform:scale(1)}to{transform:scale(1)}}#install-pwa{background-color:var(--primary-fill-color);cursor:pointer;border:none;border-radius:5px;outline:none;align-items:center;gap:5px;padding:2px 4px;font-weight:600;animation:4s ease-in-out infinite pulse-hold;display:flex;box-shadow:0 3px 14px #ffcc004d}.course-data__longdescp{max-height:3rem;padding-bottom:15px;line-height:1.5;transition:max-height .5s;overflow:hidden}.course-data__longdescp hr{border-color:#ffffff24;margin:1rem 0}.course-data__longdescp a{color:var(--primary-color)}#course-data__descpbox>button{background-color:var(--primary-fill-color);cursor:pointer;border:none;border-radius:10px;outline:none;padding:5px 20px;font-weight:600;display:block;position:absolute;bottom:0;left:50%;transform:translateY(50%)translate(-50%)}.course-data__longdescp.expanded~button:after{content:"نمایش کمتر"}.course-data__longdescp~button:after{content:"نمایش بیشتر"}#course-view-img{border-radius:0 0 20px 20px;width:100%}#course-view-short-descp{backdrop-filter:blur(10px);box-sizing:border-box;background-color:#0000003d;border:1px solid #ffffff30;border-radius:20px;align-self:center;width:calc(100% - 50px);padding:10px;transform:translateY(-1rem)}#course-data__name{color:var(--primary-color);text-shadow:0 5px 15px #ffcc0070;text-align:center;font-size:20px}#course-data__shortdescp{text-align:center;color:#a0a0a0}#course-data__descpbox{border:1px solid #ffffff30;border-radius:10px;margin:5px 5px 3rem;padding:10px;position:relative}.course-data__longdescp{text-align:justify}.media-viewer{z-index:1000;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.media-viewer.hidden{display:none}.media-viewer__container{background:#1a1a1a;border-radius:8px;flex-direction:column;width:90%;max-width:1200px;max-height:90vh;display:flex;overflow:hidden}.media-viewer__header{color:#fff;background:#2a1f00;border-bottom:1px solid #3a3a3a;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.media-viewer__filename{text-overflow:ellipsis;white-space:nowrap;max-width:50%;font-size:14px;overflow:hidden}.media-viewer__controls{align-items:center;gap:12px;display:flex}.media-viewer__controls button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:16px}.media-viewer__controls button:hover{background:#3a3a3a}.media-viewer__playback-controls{gap:8px;margin-right:12px;display:flex}.media-viewer__playback-controls.hidden{display:none}.media-viewer__content{background:#000;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.media-viewer__content img{object-fit:contain;max-width:100%;max-height:calc(90vh - 60px)}.media-viewer__content video,.media-viewer__content audio{width:100%;max-height:calc(90vh - 60px)}.media-viewer__content audio{margin:40px 20px}.media-viewer__content .file-fallback{color:#fff;text-align:center;padding:40px}.media-viewer__content .file-fallback a{color:#4a9eff;background:#2a2a2a;border-radius:4px;margin-top:16px;padding:8px 24px;font-size:18px;text-decoration:none;display:inline-block}.media-viewer__content .file-fallback a:hover{background:#3a3a3a}#posts{flex-direction:column;gap:10px;padding:10px;display:flex}.post-card{cursor:pointer;background-color:#dddddd15;border:1px solid #dddddd28;border-radius:8px;overflow:hidden}.post-card img{object-fit:cover;width:100%}.post-card h3{color:var(--primary-color);margin:10px;font-size:1.2rem}.post-card p{color:#bababa;margin:10px;font-size:.9rem}.post-card span{text-align:left;color:var(--primary-color);padding:0 19px 19px;font-weight:500;display:block}.loading{grid-column:1/-1;justify-content:center;align-items:center;width:100%;height:200px;display:flex}.spinner{border:4px solid #2c2c2c;border-top:4px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hide{display:none!important}#pwa-installed-reminder{z-index:10000;backdrop-filter:blur(12px);background:#101938f2;border:1px solid #fc06;border-radius:14px;align-items:flex-start;gap:10px;width:calc(100% - 28px);max-width:560px;padding:14px;display:flex;position:fixed;top:64px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0008}#pwa-installed-reminder div{text-align:right;gap:5px;line-height:1.7;display:grid}#pwa-installed-reminder strong{color:var(--primary-color)}#pwa-installed-reminder span{color:#fff;font-size:13px}#pwa-installed-reminder-close{color:#fff;background:0 0;order:2;margin-right:auto;padding:0 7px;font-size:22px;line-height:1}#course-purchase-box{text-align:center;background:#ffcc000c;border:1px solid #ffcc0060;border-radius:12px;margin:16px 5px;padding:15px}#course-ownership-message{margin-bottom:12px;line-height:1.8}.payment-message{text-align:center;border-radius:10px;margin:15px 5px;padding:12px}.payment-message.success{color:#9be5ad;background:#68d78318;border:1px solid #68d783}.payment-message.failed{color:#ffadb6;background:#ff6f7f12;border:1px solid #ff6f7f}#profile-block,#login-block{display:none}#login-block{text-align:center;padding:40px 20px}#login-block p{color:#b7b7c4;margin-bottom:20px}.profile-summary{background:#ffffff0a;border:1px solid #ffffff24;border-radius:16px;align-items:center;gap:18px;margin-bottom:14px;padding:18px;display:flex}.profile-summary h3{margin:0 0 8px}.profile-image-picker{cursor:pointer;flex:0 0 100px;position:relative}#profile-image{object-fit:cover;border:2px solid var(--primary-color);background:#272733;border-radius:50%;width:100px;height:100px;display:block}.profile-image-picker span{color:#fff;text-align:center;background:#000c;border-radius:8px;padding:3px;font-size:11px;position:absolute;bottom:3px;left:5px;right:5px}#profile-image-input{display:none}.profile-phone{text-align:right;color:#aaaab8;direction:ltr}.profile-table{border:1px solid #ffffff24;border-radius:16px;grid-template-columns:auto 1fr;gap:10px 18px;padding:18px;display:grid}.profile-table label{color:#a7a6b0;align-self:center}.profile-table input,.profile-table select{color:#fff;background:#ffffff0b;border:1px solid #ffffff30;border-radius:8px;outline:none;min-width:0;padding:9px 10px;font-family:inherit}.profile-table select option{background:#22222c}#profile-save-btn{background:var(--primary-fill-color);color:#171717;cursor:pointer;border:0;border-radius:9px;margin:14px auto 0;padding:10px 24px;font-family:inherit;font-weight:600;display:block}#profile-save-btn:disabled{opacity:.55;cursor:wait}#profile-save-status{color:#c5c5cf;text-align:center;min-height:24px;margin-top:8px}#profile-save-status.success{color:#76d68b}#profile-save-status.error{color:#ff8080}.profile-courses{margin-top:24px}.profile-courses h3{margin-bottom:12px}#profile-course-list{gap:8px;display:grid}.profile-course-link{color:#fff;text-align:right;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:12px;width:100%;padding:13px 15px;font-family:inherit;font-size:15px;display:flex}.profile-course-link img{object-fit:cover;border-radius:10px;flex:0 0 58px;width:58px;height:58px}.profile-course-link:hover{border-color:var(--primary-color)}.profile-lesson-link>span{gap:5px;display:grid}.profile-lesson-link small{color:#aaaab8;font-size:12px}.profile-empty{color:#aaaab8;text-align:center;border:1px dashed #ffffff24;border-radius:10px;padding:20px}#log-out-btn{color:#ff3b6f;cursor:pointer;background:0 0;border:2px solid #ff3b6f;border-radius:10px;margin:24px auto 0;padding:10px 30px;font-family:inherit;font-weight:600;display:block}