:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#050910;--bg:#07111c;--bg-elev:#0c1826;--surface:#101f30;--surface-2:#15283c;--line:#94b7cc1f;--line-strong:#94b7cc38;--text:#eef4f8;--muted:#8ea3b5;--seafoam:#5ec4b6;--seafoam-soft:#5ec4b624;--champagne:#d4af77;--champagne-soft:#d4af7724;--coral:#e08b7a;--coral-soft:#e08b7a1f;--sky:#7eb6d9;--sky-soft:#7eb6d91f;--shadow:0 20px 50px #00000061;--radius:20px;--font:"Vazirmatn", system-ui, sans-serif;--font-en:"Manrope", "Vazirmatn", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--text);background-color:var(--ink);background-image:radial-gradient(ellipse 900px 500px at 85% -5%, #5ec4b629, transparent 55%), radial-gradient(ellipse 700px 420px at -5% 15%, #d4af771a, transparent 50%), radial-gradient(ellipse 600px 400px at 50% 100%, #7eb6d90f, transparent 55%), linear-gradient(180deg, #0a1420 0%, var(--bg) 35%, #050910 100%);background-attachment:fixed;margin:0;line-height:1.75}body:before{content:"";pointer-events:none;opacity:.35;z-index:0;background-image:linear-gradient(#94b7cc09 1px,#0000 1px),linear-gradient(90deg,#94b7cc09 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 75%);mask-image:radial-gradient(#000 20%,#0000 75%)}a{color:inherit;text-decoration:none}.app-shell{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.topbar{z-index:30;-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border-bottom:1px solid var(--line);background:#050910b8;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem clamp(1rem,3vw,2rem);display:flex;position:sticky;top:0}.brand{align-items:center;gap:.75rem;transition:opacity .2s;display:flex}.brand:hover{opacity:.88}.brand-mark{background:linear-gradient(145deg, var(--seafoam) 0%, #2a8f8a 100%);color:#041016;width:2.15rem;height:2.15rem;font-family:var(--font-en);border-radius:.7rem;place-items:center;font-weight:800;display:grid;box-shadow:0 8px 24px #5ec4b640}.brand-text{font-family:var(--font-en);letter-spacing:.01em;font-size:.98rem;font-weight:700}.main{flex:1;width:min(1140px,100% - 2rem);margin:0 auto;padding:2.2rem 0 4.5rem}.hero{padding:1.5rem 0 .5rem;animation:.55s both rise;position:relative}.hero-glow{pointer-events:none;filter:blur(8px);background:radial-gradient(circle,#5ec4b633,#0000 68%);width:480px;height:480px;position:absolute;inset:-20% -15% auto auto}.eyebrow{color:var(--champagne);letter-spacing:.04em;margin:0 0 .7rem;font-size:.9rem;font-weight:600}.hero h1,.roadmap-hero h1{letter-spacing:-.03em;margin:0;font-size:clamp(2.1rem,4.5vw,3.4rem);font-weight:800;line-height:1.28}.hero h1 span{background:linear-gradient(105deg, var(--seafoam) 10%, #9ad9ef 55%, var(--champagne) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-lead{max-width:40rem;color:var(--muted);margin:.75rem 0 0;font-size:1.05rem}.stat-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin:2rem 0 .5rem;display:grid}.stat-row.stats-two{grid-template-columns:repeat(2,minmax(0,220px))}.stat{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(165deg,#15283ce6,#0c1826f2);border-radius:18px;padding:1.05rem 1.1rem;transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.stat:after{content:"";background:linear-gradient(90deg, transparent, var(--seafoam), transparent);opacity:.35;height:2px;position:absolute;inset:auto 0 0}.stat:hover{border-color:var(--line-strong);transform:translateY(-2px)}.stat strong{font-size:1.65rem;font-family:var(--font-en);letter-spacing:-.03em;font-weight:800;display:block}.stat span{color:var(--muted);font-size:.86rem}.stat.accent{background:linear-gradient(160deg,#5ec4b62e,#0000 45%),linear-gradient(165deg,#15283cf2,#0c1826fa);border-color:#5ec4b659}.stat.accent strong{color:var(--seafoam)}.section-head{align-items:center;gap:.75rem;margin:2.6rem 0 1.1rem;animation:.5s both rise;display:flex}.section-head h2{margin:0;font-size:1.2rem;font-weight:700}.count{background:var(--champagne-soft);min-width:1.75rem;height:1.75rem;color:var(--champagne);font-size:.8rem;font-family:var(--font-en);border:1px solid #d4af7740;border-radius:999px;place-items:center;font-weight:700;display:grid}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.roadmap-card{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(155deg,#ffffff0a,#0000 40%),linear-gradient(165deg,#15283c 0%,#0d1a28 100%);flex-direction:column;gap:.4rem;min-height:188px;padding:1.2rem 1.2rem 1.15rem;transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s,box-shadow .28s;animation:.55s both rise;display:flex;box-shadow:0 12px 36px #00000038}.roadmap-card:nth-child(2){animation-delay:40ms}.roadmap-card:nth-child(3){animation-delay:80ms}.roadmap-card:nth-child(4){animation-delay:.12s}.roadmap-card:nth-child(5){animation-delay:.16s}.roadmap-card:nth-child(6){animation-delay:.2s}.roadmap-card:hover{border-color:#5ec4b666;transform:translateY(-5px);box-shadow:0 18px 44px #00000059,0 0 0 1px #5ec4b614}.card-top{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.card-icon{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;place-items:center;width:2.4rem;height:2.4rem;font-size:1.2rem;display:grid}.coverage-badge{font-size:.76rem;font-family:var(--font-en);letter-spacing:.01em;border-radius:999px;padding:.28rem .6rem;font-weight:700}.coverage-badge.high{background:var(--seafoam-soft);color:var(--seafoam);border:1px solid #5ec4b640}.coverage-badge.mid{background:var(--champagne-soft);color:var(--champagne);border:1px solid #d4af7740}.coverage-badge.low{background:var(--coral-soft);color:#f0b0a4;border:1px solid #e08b7a40}.roadmap-card h3{margin:.2rem 0 0;font-size:1.08rem;font-weight:700;line-height:1.45}.roadmap-card p{color:var(--muted);flex:1;margin:0;font-size:.9rem;line-height:1.65}.card-meta{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:.5rem;margin-top:.85rem;padding-top:.85rem;font-size:.8rem;display:flex}.arrow{color:var(--seafoam);font-weight:600;transition:transform .25s}.roadmap-card:hover .arrow{transform:translate(-4px)}.back-link{color:var(--muted);align-items:center;gap:.35rem;margin-bottom:1.25rem;font-size:.92rem;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--seafoam)}.roadmap-hero{margin-bottom:1.75rem;animation:.5s both rise;display:block}.title-icon{margin-left:.45rem}.audience{color:var(--muted);margin:.55rem 0 0;font-size:.95rem}.coverage-panel{background:linear-gradient(155deg, #ffffff08, transparent 50%), var(--bg-elev);border:1px solid var(--line);min-width:270px;box-shadow:var(--shadow);border-radius:20px;align-items:center;gap:1.1rem;padding:1.15rem 1.25rem;display:flex}.coverage-ring{--p:80;background:radial-gradient(circle at center, var(--bg-elev) 57%, transparent 58%), conic-gradient(var(--seafoam) calc(var(--p) * 1%), #ffffff12 0);border-radius:50%;flex-shrink:0;place-items:center;width:88px;height:88px;display:grid;box-shadow:inset 0 0 0 1px #5ec4b626}.coverage-ring strong{font-family:var(--font-en);color:var(--text);font-size:1.2rem;font-weight:800;line-height:1}.coverage-ring span,.coverage-panel ul{color:var(--muted);margin:0;padding:0;font-size:.88rem;list-style:none}.coverage-panel li{align-items:center;gap:.5rem;margin:.35rem 0;display:flex}.dot{border-radius:50%;width:.5rem;height:.5rem;display:inline-block}.dot.have{background:var(--seafoam);box-shadow:0 0 10px #5ec4b680}.dot.miss{background:var(--coral)}.path{flex-direction:column;gap:1.15rem;display:flex}.path-section{border:1px solid var(--line);background:linear-gradient(160deg,#ffffff06,#0000 40%),#0c1826c7;border-radius:22px;padding:1.25rem 1.25rem 1.3rem;animation:.45s both rise;position:relative}.path-section:before{content:"";background:linear-gradient(180deg, var(--champagne), transparent);opacity:.55;border-radius:999px;width:3px;height:calc(100% - 2.8rem);position:absolute;top:1.4rem;right:0}.path-label{align-items:flex-start;gap:.8rem;margin-bottom:1rem;display:flex}.path-label h2{margin:0;font-size:1.05rem;font-weight:700}.path-label>div{flex-direction:column;gap:.2rem;display:flex}.choose-hint{color:var(--sky);margin:0;font-size:.84rem}.path-section.choose-one{background:linear-gradient(165deg,#7eb6d914,#0000 40%),#0c1826d9;border-color:#7eb6d947}.path-section.choose-one:before{background:linear-gradient(180deg, var(--sky), transparent)}.track-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.85rem;display:grid}.track-col{min-width:0;position:relative}.track-or{display:none}.track-card{background:#08101aa6;border:1px solid #7eb6d947;border-radius:16px;height:100%;padding:1rem}.track-head h3{color:#d2e8f5;margin:0;font-size:1rem;font-weight:700}.track-head p{color:var(--muted);margin:.35rem 0 .85rem;font-size:.82rem}.step-num{background:var(--champagne-soft);width:2rem;height:2rem;color:var(--champagne);font-family:var(--font-en);border:1px solid #d4af774d;border-radius:50%;flex-shrink:0;place-items:center;font-size:.85rem;font-weight:800;display:grid}.node-list{gap:.6rem;display:grid}.node{border:1px solid var(--line);background:#ffffff04;border-radius:14px;grid-template-columns:auto 1fr;align-items:start;gap:.85rem;padding:.95rem 1rem;transition:border-color .2s,background .2s;display:grid}.node:hover{border-color:var(--line-strong)}.node.available{background:linear-gradient(105deg,#5ec4b61a,#0000 60%);border-color:#5ec4b647}.node.missing{background:linear-gradient(105deg,#e08b7a12,#0000 60%);border-style:dashed;border-color:#e08b7a59}.node-status{border-radius:10px;place-items:center;width:2rem;height:2rem;font-size:.9rem;font-weight:800;display:grid}.node.available .node-status{background:var(--seafoam-soft);color:var(--seafoam)}.node.missing .node-status{background:var(--coral-soft);color:#f0b0a4}.node-body h3{margin:0;font-size:.98rem;font-weight:600;line-height:1.5}.course-name{color:var(--muted);margin:.3rem 0 0;font-size:.86rem}.node-note{color:var(--champagne);margin:.4rem 0 0;font-size:.84rem}.empty{text-align:center;padding:4rem 1rem}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=900px){.card-grid,.stat-row{grid-template-columns:1fr 1fr}.path-section:before{display:none}}@media (width<=640px){.card-grid,.stat-row,.stat-row.stats-two,.track-grid{grid-template-columns:1fr}.track-col+.track-col .track-or{color:var(--sky);place-items:center;margin:.2rem 0 .45rem;font-size:.85rem;font-weight:700;display:grid}.hero h1,.roadmap-hero h1{font-size:clamp(1.75rem,8vw,2.3rem)}}