/* Shared refresh: retain existing components and checkout behavior. */
:root{--font-body:'Vazirmatn',Tahoma,sans-serif;--font-display:var(--font-body);--text-muted:#b9b0d2;--radius:20px}
html{scroll-padding-top:100px}
body{line-height:1.8}
img,video{max-width:100%}
button,input,select,textarea{font:inherit}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #f2deb0;outline-offset:4px}
.skip-link{position:fixed;top:-100px;right:20px;z-index:10000;background:#f2deb0;color:#171126;padding:12px 20px;border-radius:10px}
.skip-link:focus{top:12px}
.container{max-width:1200px}
.top-nav{background:rgba(18,13,36,.97);border-bottom:1px solid #ffffff18;backdrop-filter:none}
.nav-links a{padding:10px 8px}
.btn,.chip,.bn-item{min-height:44px}
.course-card{border:1px solid #ffffff1c;border-radius:20px;background:#201a36;box-shadow:0 12px 32px #0002}
.card-body{padding:24px}.card-desc{font-size:14px;line-height:1.9}.card-title{line-height:1.7}
.courses-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:24px}
.card-thumb{aspect-ratio:16/10}
.filter-chips{gap:8px;flex-wrap:wrap}
.seo-guide{max-width:880px;margin:auto;padding:120px 24px 64px}
.seo-guide h1{font-size:clamp(28px,5vw,46px);line-height:1.6;margin-bottom:24px}
.seo-guide h2{font-size:24px;margin:36px 0 12px}.seo-guide p{color:#d6cfe4;margin-bottom:18px;line-height:2.1}
.seo-guide a{color:#f2deb0}.seo-guide details{padding:18px;border:1px solid #ffffff26;border-radius:14px;margin:12px 0}.seo-guide summary{cursor:pointer;font-weight:700}
.cosmic-bg,#canvas-bg{display:none}
body::before{background:radial-gradient(ellipse at top right,#30204b,transparent 55%),#100c1c}
.bottom-nav{padding-bottom:env(safe-area-inset-bottom)}
@media(max-width:1000px){.nav-links{display:none}.top-nav .container{gap:12px}.nav-auth{gap:6px}}
@media(max-width:600px){body{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.top-nav .container{padding:12px 16px}.nav-logo{font-size:14px}.nav-auth .btn{padding:8px 10px;font-size:12px}.nav-auth>a:first-child{display:none}.card-footer{gap:12px;flex-wrap:wrap}.btn{white-space:normal}input,select,textarea{font-size:16px!important}.section{padding-inline:0}.bn-wrap{width:100%;gap:2px}.bn-item{min-width:0;flex:1;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Indigo-violet galaxy: two animated layers, no particle canvas. */
:root{--deep:#403b83;--deep2:#4d438f;--deeper:#34336d;--surface:#534995;--surface2:#6154a0;--text-main:#fffaff;--text-sub:#f0eafa;--text-muted:#ddd5ef}
html,body{background:#403b83!important}body{isolation:isolate}
body::before{inset:-8%;background:radial-gradient(ellipse at 15% 20%,#9d78d0a6,transparent 45%),radial-gradient(ellipse at 85% 65%,#718be6aa,transparent 50%),linear-gradient(135deg,#454684,#71539a);animation:galaxyFloat 32s ease-in-out infinite alternate;will-change:transform}
body::after{content:"";position:fixed;inset:-5%;z-index:-1;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 25px 35px,#fff9 98%,transparent),radial-gradient(1px 1px at 105px 125px,#fff8 98%,transparent),radial-gradient(2px 2px at 175px 75px,#e9d7ffb3 98%,transparent);background-size:210px 230px,270px 310px,390px 370px;animation:galaxyStars 24s ease-in-out infinite alternate;will-change:transform}
.top-nav{background:#423779f2}.course-card{background:#55468ee8}.seo-guide p{color:#f0eafa}
@keyframes galaxyFloat{to{transform:translate3d(3%,2%,0) scale(1.04)}}
@keyframes galaxyStars{to{transform:translate3d(-12px,18px,0);opacity:.6}}
@media(max-width:600px){body::before{animation-duration:45s}body::after{background-size:280px 300px,340px 390px,450px 420px}}