/* آکادمی پیشرو — indigo night, sunflower highlights, soft lilac surfaces. Changa display, Vazirmatn text. */
:root{--bg:#F6F6FC;--card:#fff;--ink:#1E1B4B;--ink2:#5D5B82;--indigo:#4338CA;--sun:#FACC15;--lilac:#ECEBFB;--line:#E2E0F5;--r:20px}
body{background:var(--bg);color:var(--ink);font:400 15.5px/1.85 "Vazirmatn",system-ui,sans-serif}
h1,h2,h3{font-family:"Changa","Vazirmatn",sans-serif;margin:0;line-height:1.3}
.pbtn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.2rem;border-radius:12px;border:0;background:var(--indigo);color:#fff;font-weight:800;text-decoration:none;white-space:nowrap}
.pbtn--sm{padding:.45rem .9rem;font-size:.85rem}
.ph{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1.4rem;padding:.75rem max(1rem,calc(50% - 620px));background:var(--ink);color:#fff}
.ph__logo{display:flex;align-items:center;gap:.6rem;color:#fff;text-decoration:none;font:700 1.2rem "Changa",sans-serif}
.ph__mark{width:26px;height:26px;border-radius:8px 8px 8px 2px;background:conic-gradient(from 200deg,var(--sun),#F97316,var(--indigo),var(--sun))}
.ph__tabs{display:flex;gap:.2rem;padding:4px;border-radius:14px;background:rgb(255 255 255/.08)}
.ph__tabs a{padding:.4rem .9rem;border-radius:10px;color:#C7C5F0;text-decoration:none;font-weight:700}
.ph__tabs a[aria-current="page"]{background:#fff;color:var(--ink)}
.ph__me{margin-inline-start:auto;display:flex;align-items:center;gap:.5rem;font-weight:700}
.ph__me i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--sun);color:var(--ink);font-style:normal;font-weight:900}
@media (max-width:640px){.ph__me span,.ph__logo{font-size:0;gap:0}.ph__tabs{margin-inline-start:auto}}
main{max-width:1240px;margin:auto;padding:0 1rem}

.hero{margin:1.5rem 0;padding:clamp(1.5rem,4vw,3rem);border-radius:28px;background:radial-gradient(circle at 15% 120%,rgb(250 204 21/.45),transparent 40%),linear-gradient(135deg,var(--ink),#312E81);color:#fff}
.hero h1{font-size:clamp(2rem,1.3rem + 3vw,3.6rem);font-weight:800}
.hero p{max-width:36rem;color:#C7C5F0}
.hero__stats{display:flex;gap:1.6rem;flex-wrap:wrap;margin-top:1rem;font-weight:700;color:#C7C5F0}
.hero__stats b{color:var(--sun);font:800 1.5rem "Changa",sans-serif;margin-inline-end:.3rem}
.cfil{display:flex;gap:.3rem;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:none}
.cfil button{flex-shrink:0;border:1.5px solid var(--line);background:#fff;padding:.45rem 1rem;border-radius:999px;font-weight:800;color:var(--ink2)}
.cfil button[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.cgrid{list-style:none;margin:1rem 0 3rem;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.course{background:var(--card);border-radius:var(--r);overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .25s}
.course:hover{transform:translateY(-4px)}
.course__cover{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,var(--a),var(--b));display:grid;place-items:center;overflow:hidden}
.course__cover::before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(45deg,rgb(255 255 255/.08) 0 2px,transparent 2px 18px)}
.course__cover span{position:relative;font:800 2.6rem/1 "Changa",sans-serif;color:#fff;text-shadow:0 6px 20px rgb(0 0 0/.25)}
.course__cover i{position:absolute;top:.7rem;inset-inline-start:.7rem;font-style:normal;font-size:.72rem;font-weight:800;padding:.1rem .6rem;border-radius:999px;background:rgb(255 255 255/.9);color:var(--ink)}
.course__b{padding:1rem;display:flex;flex-direction:column;gap:.2rem;flex:1}
.course h3{font-size:1.15rem}
.course__b>p{margin:0;color:var(--ink2);font-size:.85rem}
.course ul{list-style:none;padding:0;margin:.3rem 0;display:flex;gap:.8rem;font-size:.8rem;color:var(--ink2);font-weight:700}
.course__f{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem}
@media (max-width:1100px){.cgrid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:800px){.cgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.cgrid{grid-template-columns:1fr}}

.learn{display:grid;grid-template-columns:1fr 340px;gap:1rem;margin:1.2rem 0 4rem}
.player{display:grid;gap:.8rem;align-content:start}
.screen{position:relative;aspect-ratio:16/9;border-radius:var(--r);background:#0F0E2B;overflow:hidden}
.slide{position:absolute;inset:0;padding:clamp(1rem,3vw,2rem);background:radial-gradient(circle at 90% 10%,rgb(67 56 202/.5),transparent 50%)}
.slide__k{margin:0 0 1rem;color:var(--sun);font-weight:800}
.code{margin:0;font:500 clamp(.8rem,.6rem + .8vw,1.15rem)/1.7 "JetBrains Mono","Vazirmatn",ui-monospace,monospace;color:#E0E7FF;white-space:pre-wrap;text-align:left;direction:ltr}
.bigplay{position:absolute;inset:0;margin:auto;width:84px;height:84px;border-radius:50%;border:0;background:var(--sun);color:var(--ink);font-size:2rem;box-shadow:0 0 0 12px rgb(250 204 21/.2)}
.controls{display:flex;align-items:center;gap:.7rem;padding:.5rem .7rem;border-radius:14px;background:#fff;border:1px solid var(--line)}
.controls button{width:38px;height:38px;border-radius:50%;border:0;background:var(--ink);color:#fff}
.time{font-variant-numeric:tabular-nums;font-weight:700;font-size:.85rem;white-space:nowrap}
.seek{flex:1;height:8px;border-radius:9px;background:var(--lilac);cursor:pointer;display:flex;justify-content:flex-start}
.seek i{display:block;height:100%;border-radius:9px;background:var(--indigo)}
.controls select{border:1.5px solid var(--line);border-radius:10px;padding:.3rem .4rem;background:#fff}
.lmeta{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.lmeta__k{margin:0;color:var(--ink2);font-size:.85rem;font-weight:700}
.lmeta h2{font-size:1.5rem}
.notes{display:grid;gap:.3rem}
.notes label{font-weight:800;font-size:.85rem}
.notes textarea{border:1.5px solid var(--line);border-radius:14px;padding:.7rem .9rem;resize:vertical;background:#fff}
.chap{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1rem;align-self:start;position:sticky;top:80px}
.chap__h{display:flex;justify-content:space-between;font-size:.9rem}
.chap__h span{color:var(--ink2);font-weight:700}
.chap__bar{height:6px;border-radius:9px;background:var(--lilac);margin:.5rem 0 .8rem;overflow:hidden}.chap__bar i{display:block;height:100%;background:#16A34A;transition:width .4s}
.chap ol{list-style:none;margin:0;padding:0;display:grid;gap:.2rem}
.chap button{width:100%;display:grid;grid-template-columns:30px 1fr auto;gap:.6rem;align-items:center;padding:.55rem .5rem;border:0;border-radius:12px;background:none;text-align:start}
.chap button:hover{background:var(--lilac)}
.chap .ck{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--lilac);font-weight:800;font-size:.8rem}
.chap .is-done .ck{background:#16A34A;color:#fff}
.chap .is-cur button{background:var(--ink);color:#fff}.chap .is-cur small{color:#C7C5F0}
.chap b{font-weight:700;font-size:.9rem}.chap small{color:var(--ink2);font-variant-numeric:tabular-nums}
@media (max-width:900px){.learn{grid-template-columns:1fr}.chap{position:static}}

.dh{font-size:clamp(1.4rem,1rem + 1.6vw,2.2rem);margin:1.5rem 0 1rem;font-weight:700}
.dash{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-bottom:4rem}
.tile{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.1rem;display:flex;flex-direction:column;gap:.6rem}
.tile h3{font-size:1.05rem}
.tile--rings{grid-column:span 3}.tile--week{grid-column:span 3}.tile--streak{grid-column:span 2}.tile--badges{grid-column:span 2}.tile--live{grid-column:span 2}.tile--cert{grid-column:span 6}
.rings{display:flex;justify-content:space-around;flex-wrap:wrap;gap:1rem}
.ring{margin:0;display:grid;justify-items:center;position:relative;width:120px;text-align:center}
.ring svg{width:96px}
.ring circle:last-child{transition:stroke-dashoffset 1.2s cubic-bezier(.2,.8,.2,1)}
.ring b{position:absolute;top:30px;font:800 1.2rem "Changa",sans-serif}
.ring figcaption{font-size:.78rem;color:var(--ink2);font-weight:700;line-height:1.5}
.bars{width:100%;direction:ltr}
.bar{transition:opacity .2s}.bar:hover{opacity:.75}
.streak{font:700 .9rem "Vazirmatn",sans-serif;color:#EA580C;margin-inline-start:.4rem}
.heat{display:grid;grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:3px;direction:ltr}
.heat i{aspect-ratio:1;border-radius:3px;background:var(--lilac)}
.heat i.l1{background:#C7C4F4}.heat i.l2{background:#8B84E6}.heat i.l3{background:var(--indigo)}
.heat__legend{display:flex;align-items:center;gap:3px;margin:0;font-size:.72rem;color:var(--ink2)}
.heat__legend i{width:12px;height:12px;border-radius:3px;background:var(--lilac)}
.heat__legend i:nth-of-type(2){background:#C7C4F4}.heat__legend i:nth-of-type(3){background:#8B84E6}.heat__legend i:nth-of-type(4){background:var(--indigo)}
.badges{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem}
.badges li{display:grid;justify-items:center;text-align:center;gap:.2rem;padding:.6rem .3rem;border-radius:14px;background:var(--lilac);font-size:.75rem;font-weight:700;color:var(--ink2);filter:grayscale(1);opacity:.55}
.badges li.on{filter:none;opacity:1;background:#FEF9C3;color:var(--ink)}
.badges span{font-size:1.6rem}
.tile--live{background:var(--ink);color:#fff;border:0}
.live__k{margin:0;display:flex;align-items:center;gap:.4rem;color:var(--sun);font-weight:800;font-size:.85rem}
.live__k i{width:9px;height:9px;border-radius:50%;background:#EF4444;animation:pulse 1.4s infinite}
@keyframes pulse{50%{opacity:.3}}
.tile--live p{margin:0;color:#C7C5F0}.tile--live .pbtn{background:var(--sun);color:var(--ink);margin-top:auto}
.cert{position:relative;padding:1.6rem;border-radius:16px;border:2px solid #E9D98B;background:linear-gradient(135deg,#FFFDF2,#FEF3C7);display:grid;justify-items:center;text-align:center;gap:.2rem}
.cert b{font:800 1.1rem "Changa",sans-serif;color:var(--indigo)}
.cert strong{font:800 1.6rem "Changa",sans-serif}
.cert em{font-style:normal;color:var(--ink2);font-size:.85rem}
@media (max-width:900px){.dash{grid-template-columns:1fr 1fr}.tile{grid-column:span 2!important}}
.pf{text-align:center;color:var(--ink2);padding:1.5rem 1rem 6rem;border-top:1px solid var(--line);font-size:.88rem}
.toast{position:fixed;top:1rem;left:50%;z-index:60;transform:translate(-50%,calc(-100% - 2rem));padding:.7rem 1.2rem;border-radius:999px;background:var(--ink);color:#fff;font-weight:800;transition:transform .35s cubic-bezier(.2,.8,.2,1);max-width:92vw}
.toast.is-on{transform:translate(-50%,0)}