@font-face{font-family:GuideVazir;src:url('/assets/fonts/Vazirmatn[wght].woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--guide-blue:#245bf5;--guide-ink:#0d1836;--guide-muted:#5c6983;--guide-line:#e0e6f0;--guide-tint:#edf3ff}
*{box-sizing:border-box}.nxo-guide{margin:0;background:#fcfdff;color:var(--guide-ink);font:16px/1.9 GuideVazir,Tahoma,sans-serif}.nxo-guide a{color:inherit;text-decoration:none}.nxo-guide button{font:inherit;cursor:pointer}.nxo-guide :is(a,button):focus-visible{outline:3px solid #93b0ff;outline-offset:4px}.guide-skip{position:absolute;top:-100px}.guide-skip:focus{top:16px;background:white;padding:12px;z-index:10}.guide-top{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1280px)/2));border-bottom:1px solid var(--guide-line);background:white}.guide-brand{font:800 38px/1 Arial,sans-serif;letter-spacing:-1.8px;color:var(--guide-blue)!important}.guide-back{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--guide-muted)!important}.guide-back svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;order:2}.guide-main{max-width:1280px;margin:auto;padding:38px 28px 56px}.guide-heading{text-align:center;margin-bottom:38px}.guide-heading h1{font-size:46px;line-height:1.5;letter-spacing:-1.5px;margin:0 0 8px;font-weight:800}.guide-heading p{margin:0;color:var(--guide-muted);font-size:20px}.guide-layout{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:26px;align-items:start}.guide-lessons{display:grid;gap:12px}.guide-lesson{display:grid;grid-template-columns:32px minmax(0,1fr) 42px;align-items:center;gap:12px;min-height:98px;background:white;border:1px solid var(--guide-line);border-radius:13px;padding:18px 20px;transition:background .18s,border-color .18s}.guide-lesson:hover{border-color:#afc4fc}.guide-lesson[aria-current=step]{background:#e8f0ff;border-color:#dbe7ff;color:#164bdb}.guide-number{color:var(--guide-muted);font-size:14px;align-self:start;padding-top:4px;font-variant-numeric:tabular-nums}.guide-lesson strong{font-size:18px;line-height:1.8;overflow-wrap:anywhere}.guide-small-play{width:42px;height:42px;background:#edf0f5;border-radius:50%;display:grid;place-items:center;color:#53627c}.guide-small-play svg{width:18px;height:18px;fill:currentColor}.guide-lesson[aria-current=step] .guide-small-play{background:var(--guide-blue);color:#fff}.guide-lesson[aria-current=step] .guide-number{color:#245bf5}.guide-current{min-width:0}.guide-player{position:relative;aspect-ratio:16/9;background:#09152e;border-radius:13px;overflow:hidden;isolation:isolate}.guide-player video,.guide-player iframe{width:100%;height:100%;display:block;border:0;position:absolute;inset:0}.guide-poster{position:absolute;inset:0;display:grid;place-items:center;cursor:pointer;border:0;width:100%;color:white;background:radial-gradient(ellipse at 75% 20%,#1841a9 0,transparent 55%),linear-gradient(130deg,#070e20,#10224a);overflow:hidden}.guide-poster:before{content:'';position:absolute;width:45%;aspect-ratio:1;clip-path:polygon(12% 0,100% 50%,12% 100%);background:linear-gradient(135deg,#386ffe88,#0f328122);filter:drop-shadow(0 0 25px #2460ff);transform:rotate(-10deg);border-radius:30px}.guide-poster svg{position:relative;width:72px;height:72px;padding:22px;background:#245bf5;border:1px solid #75a2ff;border-radius:50%;fill:#fff;box-shadow:0 12px 40px #02081550}.guide-current h2{font-size:27px;line-height:1.7;margin:24px 0 12px;font-weight:800;overflow-wrap:anywhere}.guide-description{white-space:pre-line;overflow-wrap:anywhere;color:var(--guide-muted);margin:0 0 28px;line-height:2.1}.guide-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px}.guide-pagination button{border:1px solid var(--guide-blue);background:var(--guide-blue);color:white;border-radius:11px;min-height:48px;padding:8px 24px;display:flex;align-items:center;gap:18px}.guide-pagination .guide-prev{border-color:transparent;background:transparent;color:var(--guide-muted)}.guide-pagination button:disabled{visibility:hidden}.guide-player-error{color:#9d301f;font-size:14px}.guide-player-error button{border:0;background:none;color:var(--guide-blue);text-decoration:underline;min-height:44px}.guide-footer{max-width:1224px;margin:0 auto;padding:28px 0 34px;border-top:1px solid var(--guide-line);display:flex;align-items:center;justify-content:space-between;gap:24px;direction:ltr}.guide-footer nav{display:flex;gap:26px;direction: inherit;color:var(--guide-muted);font-size:14px}.guide-footer nav a{min-height:44px;display:flex;align-items:center}.guide-footer .guide-brand{font-size:28px}.guide-empty{max-width:680px;margin:0 auto 40px;text-align:center;padding:54px 24px 66px;border:1px solid var(--guide-line);border-radius:18px;background:#fff}.guide-empty-symbol{width:110px;height:110px;margin:0 auto 26px;border-radius:30px;display:grid;place-items:center;background:var(--guide-tint)}.guide-empty-symbol svg{width:74px;height:74px;fill:var(--guide-blue)}.guide-empty h2{font-size:21px;margin:0 0 20px}.guide-empty a{color:var(--guide-blue);padding:12px;display:inline-block}
@media(max-width:900px){.guide-layout{grid-template-columns:260px minmax(0,1fr);gap:20px}.guide-lesson{padding:14px;grid-template-columns:24px minmax(0,1fr) 32px;gap:9px}.guide-lesson strong{font-size:16px}.guide-small-play{width:32px;height:32px}.guide-footer{margin-inline:28px}}
@media(max-width:680px){.guide-top{height:72px;padding-inline:20px}.guide-brand{font-size:31px}.guide-main{padding:26px 18px 38px}.guide-heading{margin-bottom:25px}.guide-heading h1{font-size:32px;letter-spacing:-.8px}.guide-heading p{font-size:16px}.guide-layout{display:flex;flex-direction:column;gap:24px}.guide-lessons{width:100%;display:flex;overflow-x:auto;gap:10px;padding:4px 3px 8px;scrollbar-width:thin;scroll-snap-type:x proximity}.guide-lesson{flex:0 0 78%;min-height:80px;scroll-snap-align:start}.guide-current{width:100%}.guide-current h2{font-size:23px;margin-top:20px}.guide-description{font-size:16px}.guide-pagination button{padding-inline:20px}.guide-footer{margin-inline:18px;padding-block:24px}.guide-footer nav{gap:18px;font-size:13px}.guide-empty{padding:38px 20px}.guide-empty h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.nxo-guide *{transition:none!important;scroll-behavior:auto!important}}

.guide-player [hidden]{display:none!important}
.guide-loading{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#071126b8;color:#fff;font-size:14px;pointer-events:none}
.guide-loading-ring{width:44px;height:44px;border:3px solid #ffffff35;border-top-color:#fff;border-inline-end-color:#729aff;border-radius:50%;animation:guide-buffering .85s linear infinite}
@keyframes guide-buffering{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.guide-loading-ring{animation:none;border-color:#ffffff55;border-top-color:#fff}}

.guide-translation-status{font-size:12px;color:#667085;line-height:1.8}.guide-translation-status[hidden]{display:none}.guide-translation-status button{border:0;background:transparent;color:#6654ef;cursor:pointer;font:inherit;text-decoration:underline}
[dir="rtl"] .guide-back svg{transform:scaleX(-1)}
[dir="ltr"] #guide-next>span{display:inline-block;transform:scaleX(-1)}