:root{--bg:#0f1410;--surface:#18201a;--surface-soft:#1f2a22;--gold:#c9a24b;--gold-soft:#e3c986;--green:#1f7a54;--green-soft:#2fa074;--text:#f1ece1;--text-muted:#a8a294;--radius:14px;--shadow:0 10px 40px rgba(0,0,0,.45);--hero-glow:rgba(31,122,84,.18)}[data-theme=light]{--bg:#f6f3ea;--surface:#fff;--surface-soft:#fbf7ee;--gold:#b8862f;--gold-soft:#9c6f22;--green:#1f7a54;--green-soft:#178a5c;--text:#2a2418;--text-muted:#6c6353;--shadow:0 10px 30px rgba(120,100,50,.14);--hero-glow:rgba(31,122,84,.12)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(1200px 600px at 50% -10%,var(--hero-glow),transparent),var(--bg);color:var(--text);line-height:1.6;min-height:100vh;transition:background .3s ease,color .3s ease}a{color:var(--gold-soft);text-decoration:none}a:hover{color:var(--gold)}.container{max-width:1000px;margin:0 auto;padding:28px 18px}.brand{display:flex;align-items:center;gap:12px}.brand h1{font-size:26px;color:var(--gold-soft);letter-spacing:.5px}.brand small{color:var(--text-muted)}.grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.card{background:linear-gradient(180deg,var(--surface-soft),var(--surface));border:1px solid rgba(201,162,75,.18);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease}.card:hover{transform:translateY(-3px);border-color:rgba(201,162,75,.5)}.card .arch{height:6px;width:60px;border-radius:0 0 30px 30px;background:linear-gradient(90deg,var(--gold),var(--green));margin-bottom:12px}.card h3{font-size:17px;margin-bottom:6px}.card p{color:var(--text-muted);font-size:14px}.btn{display:inline-block;padding:10px 20px;border-radius:10px;background:linear-gradient(180deg,var(--green-soft),var(--green));color:#fff;border:none;cursor:pointer;font-weight:600;font-size:15px}.btn:hover{filter:brightness(1.08);color:#fff}.btn.gold{background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#2a2110}.btn.ghost{background:transparent;border:1px solid rgba(201,162,75,.4);color:var(--gold-soft)}.quiz-option{display:block;width:100%;text-align:left;padding:14px 16px;border-radius:10px;border:1px solid rgba(201,162,75,.2);background:var(--surface);color:var(--text);cursor:pointer;margin:8px 0;transition:border-color .15s,background .15s}.quiz-option:hover{border-color:var(--gold)}.quiz-option.selected{border-color:var(--green-soft);background:var(--surface-soft)}.quiz-option.correct{border-color:#2fa074;background:rgba(47,160,116,.15)}.quiz-option.wrong{border-color:#c0563f;background:rgba(192,86,63,.15)}.muted{color:var(--text-muted);font-size:14px}.center{text-align:center}.video-wrap{position:relative;padding-top:56.25%;border-radius:var(--radius);overflow:hidden}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.entrance{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#07090a;perspective:1200px;perspective-origin:50% 45%}.entrance .flash{z-index:5;width:100vmax;height:100vmax;margin:-50vmax 0 0 -50vmax;background:radial-gradient(circle at 50% 50%,#fff3b0 0,#ffe27a 30%,#fcc63f 55%,#f0a91e 80%);pointer-events:none}.entrance .flash,.entrance .glow{position:absolute;left:50%;top:50%;transform-origin:center center;border-radius:50%}.entrance .glow{z-index:1;width:90vmax;height:90vmax;margin:-45vmax 0 0 -45vmax;background:radial-gradient(circle,#ffe9a0 0,#fbcf55 24%,rgba(240,169,30,.45) 46%,transparent 66%)}.entrance .rays{position:absolute;left:50%;top:50%;z-index:1;width:220vmax;height:220vmax;margin:-110vmax 0 0 -110vmax;transform-origin:center center;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,210,90,.6) 0deg 3deg,transparent 3deg 11deg);-webkit-mask-image:radial-gradient(circle,#000 6%,rgba(0,0,0,.45) 26%,transparent 58%);mask-image:radial-gradient(circle,#000 6%,rgba(0,0,0,.45) 26%,transparent 58%);mix-blend-mode:screen;will-change:transform}.door-panel{position:absolute;top:0;bottom:0;width:50%;z-index:3;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 0 60px rgba(0,0,0,.7)}.door-panel.left{left:0;transform-origin:left center}.door-panel.right{right:0;transform-origin:right center}.door-panel svg{height:100%;width:100%;display:block}.door-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(0,0,0,.85))}.door-panel.right .door-shade{background:linear-gradient(260deg,transparent 30%,rgba(0,0,0,.85))}.door-panel:after{content:"";position:absolute;top:0;bottom:0;width:40px;pointer-events:none}.door-panel.left:after{right:0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.5))}.door-panel.right:after{left:0;background:linear-gradient(270deg,transparent,rgba(0,0,0,.5))}.entrance-content{z-index:4;text-align:center}.entrance-content .allah-lafz{font-family:Amiri,Scheherazade New,serif;font-size:clamp(90px,18vw,200px);line-height:1;color:#4a2f0c;background:linear-gradient(180deg,#fff6cf,#f6d062 40%,#c9912f 75%,#8a5e1c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 18px rgba(255,220,130,.55);filter:drop-shadow(0 4px 10px rgba(120,80,10,.4));animation:lafzPulse 3s ease-in-out infinite}.entrance-content .allah-sub{display:inline-block;margin-top:18px;padding:8px 22px;border-radius:999px;font-weight:700;font-size:17px;letter-spacing:.3px;color:#ffe9a8;background:rgba(20,14,6,.55);border:1px solid rgba(255,220,130,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:0 1px 6px rgba(0,0,0,.6)}@keyframes lafzPulse{0%,to{filter:drop-shadow(0 4px 10px rgba(120,80,10,.4)) brightness(1)}50%{filter:drop-shadow(0 6px 22px rgba(255,210,110,.7)) brightness(1.12)}}.skip-btn{right:26px}.audio-btn,.skip-btn{position:fixed;bottom:26px;z-index:60}.audio-btn{left:26px}@media (prefers-reduced-motion:reduce){.card{transition:none}}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:30;justify-content:space-between;padding:14px 24px;background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(201,162,75,.15)}.nav,.nav .logo{display:flex;align-items:center}.nav .logo{gap:10px;font-weight:700;color:var(--gold-soft);font-size:18px}.nav .logo .seal{width:34px;height:34px;border-radius:50%;background:conic-gradient(from 0deg,var(--gold),var(--green),var(--gold));display:grid;place-items:center;color:#1a140a;font-weight:800}.nav .links{display:flex;gap:22px;align-items:center}.nav .links a{color:var(--text-muted);font-size:15px}.nav .links a:hover{color:var(--gold-soft)}@media (max-width:720px){.nav .links a:not(.btn){display:none}}.hero{position:relative;overflow:hidden;padding:90px 18px 70px;text-align:center}.hero:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(700px 360px at 50% 0,rgba(201,162,75,.16),transparent),radial-gradient(600px 300px at 20% 80%,rgba(31,122,84,.18),transparent);pointer-events:none}.hero-inner{position:relative;z-index:1;max-width:820px;margin:0 auto}.hero .eyebrow{display:inline-block;padding:6px 16px;border-radius:999px;border:1px solid rgba(201,162,75,.35);color:var(--gold-soft);font-size:13px;letter-spacing:.5px;margin-bottom:22px}.hero h1{font-size:clamp(34px,6vw,60px);line-height:1.1;color:var(--text);letter-spacing:-.5px;margin-bottom:18px}.hero h1 .accent{color:var(--gold-soft)}.hero .arabic{font-size:clamp(26px,5vw,40px);color:var(--gold);margin-bottom:10px;font-family:Amiri,serif}.hero p.lead{font-size:18px;color:var(--text-muted);max-width:600px;margin:0 auto 30px}.hero .cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn.lg{padding:14px 30px;font-size:16px}.stats{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;margin-top:54px}.stat{text-align:center}.stat .num{font-size:34px;font-weight:800;color:var(--gold-soft)}.stat .lbl{color:var(--text-muted);font-size:14px}.section{padding:64px 18px;max-width:1040px;margin:0 auto}.section h2{font-size:clamp(26px,4vw,36px);text-align:center;color:var(--text);margin-bottom:10px}.section .sub{text-align:center;color:var(--text-muted);max-width:560px;margin:0 auto 40px}.features{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature{padding:24px;border-radius:var(--radius);background:var(--surface);border:1px solid rgba(201,162,75,.14)}.feature .ic{margin-bottom:12px;line-height:0}.feature .ic svg{display:block}.feature h3{font-size:18px;margin-bottom:6px;color:var(--gold-soft)}.feature p{color:var(--text-muted);font-size:15px}.modules{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.module{position:relative;padding:26px 22px;border-radius:var(--radius);background:linear-gradient(180deg,var(--surface-soft),var(--surface));border:1px solid rgba(201,162,75,.18);overflow:hidden}.module .badge{position:absolute;top:14px;right:14px;font-size:11px;padding:3px 10px;border-radius:999px}.module .badge.live{background:rgba(47,160,116,.2);color:var(--green-soft);border:1px solid var(--green-soft)}.module .badge.soon{background:rgba(201,162,75,.15);color:var(--gold-soft);border:1px solid rgba(201,162,75,.4)}.module .dome{margin-bottom:12px;line-height:0}.module .dome svg{display:block}.module h3{font-size:19px;margin-bottom:6px}.module p{color:var(--text-muted);font-size:14px}.steps{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));counter-reset:step}.step{padding:24px;border-radius:var(--radius);background:var(--surface);border:1px solid rgba(201,162,75,.14);position:relative}.step .n{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#2a2110;font-weight:800;margin-bottom:14px}.step h3{font-size:17px;margin-bottom:6px;color:var(--gold-soft)}.step p{color:var(--text-muted);font-size:14px}.cta-banner{margin:30px auto;max-width:900px;text-align:center;padding:50px 26px;border-radius:22px;background:linear-gradient(135deg,rgba(31,122,84,.35),rgba(201,162,75,.18));border:1px solid rgba(201,162,75,.3)}.cta-banner h2{font-size:clamp(24px,4vw,34px);margin-bottom:12px}.cta-banner p{color:var(--text);opacity:.85;margin-bottom:24px}.site-footer{border-top:1px solid rgba(201,162,75,.15);margin-top:40px;padding:40px 18px 28px}.footer-grid{max-width:1040px;margin:0 auto;display:grid;grid-gap:24px;gap:24px;grid-template-columns:2fr 1fr 1fr}@media (max-width:720px){.footer-grid{grid-template-columns:1fr}}.site-footer h4{color:var(--gold-soft);margin-bottom:10px;font-size:15px}.site-footer a{display:block;color:var(--text-muted);font-size:14px;padding:3px 0}.site-footer .copy{text-align:center;color:var(--text-muted);font-size:13px;margin-top:28px}.fade-up{opacity:0;transform:translateY(20px);animation:fadeUp .6s ease forwards}@keyframes fadeUp{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.fade-up{animation:none;opacity:1;transform:none}.hero:before{display:none}}.teacher-card{text-align:center}.teacher-ava{width:100%;height:170px;object-fit:cover;object-position:center top;border-radius:12px;margin-bottom:12px;border:1px solid rgba(201,162,75,.3)}.teacher-hero{display:flex;align-items:center;gap:18px;margin:16px 0 28px;flex-wrap:wrap}.teacher-hero-ava{width:92px;height:92px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);box-shadow:0 6px 22px rgba(0,0,0,.4)}.teacher-hero h1{color:var(--gold-soft);font-size:24px}.teacher-hero small{color:var(--text-muted)}.quiz-page{padding-bottom:100px}.quiz-top{display:flex;justify-content:space-between;align-items:center}.quiz-counter{font-size:13px;color:var(--gold-soft);background:rgba(201,162,75,.12);border:1px solid rgba(201,162,75,.3);padding:4px 12px;border-radius:999px}.quiz-title{color:var(--gold-soft);margin:14px 0 2px;font-size:24px}.quiz-q{margin-bottom:14px}.quiz-q h3{margin-bottom:10px;font-size:16px}.result-banner{text-align:center;border-radius:var(--radius);padding:26px;margin-bottom:22px;border:1px solid rgba(201,162,75,.3);background:linear-gradient(135deg,rgba(31,122,84,.25),rgba(201,162,75,.12))}.result-banner.low{background:linear-gradient(135deg,rgba(192,86,63,.25),rgba(201,162,75,.1))}.result-banner .result-score{font-size:40px;font-weight:800;color:var(--gold-soft)}.result-banner .result-pct{font-size:18px;color:var(--text-muted);margin-bottom:6px}.result-banner p{margin-bottom:16px}.quiz-submit-bar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:center;padding:14px;background:linear-gradient(0deg,var(--bg) 60%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.quiz-submit-bar .btn{min-width:320px;max-width:90vw}.quiz-option:disabled{cursor:default;opacity:1}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.admin-head h1{color:var(--gold-soft);font-size:26px}.admin-tabs{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap;border-bottom:1px solid rgba(201,162,75,.18);padding-bottom:12px}.admin-tabs button{background:var(--surface);color:var(--text-muted);border:1px solid rgba(201,162,75,.2);border-radius:10px;padding:9px 16px;cursor:pointer;font-size:14px;font-weight:600}.admin-tabs button:hover{color:var(--gold-soft)}.admin-tabs button.active{background:linear-gradient(180deg,var(--green-soft),var(--green));color:#fff;border-color:var(--green-soft)}.stat-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.stat-card{background:linear-gradient(180deg,var(--surface-soft),var(--surface));border:1px solid rgba(201,162,75,.18);border-radius:var(--radius);padding:18px;text-align:center}.stat-icon{font-size:24px;margin-bottom:6px}.stat-value{font-size:30px;font-weight:800;color:var(--gold-soft);line-height:1}.stat-label{color:var(--text-muted);font-size:13px;margin-top:4px}.progress-bar{height:12px;background:var(--surface);border-radius:999px;overflow:hidden;border:1px solid rgba(201,162,75,.2)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--green-soft),var(--gold));border-radius:999px;transition:width .4s}.admin-filter{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.admin-filter label{color:var(--text);font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer}.admin-q{margin-bottom:14px}.admin-q-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px;flex-wrap:wrap}.badge-lesson{font-size:12px;color:var(--gold-soft);background:rgba(201,162,75,.12);padding:3px 10px;border-radius:999px}.badge-ok{font-size:12px;color:var(--green-soft)}.badge-warn{font-size:12px;color:#e0a800}.admin-q h3{font-size:16px;margin-bottom:10px}.admin-options{display:grid;grid-gap:8px;gap:8px}.admin-opt{text-align:left;padding:12px 14px;border-radius:10px;border:1px solid rgba(201,162,75,.2);background:var(--surface);color:var(--text);cursor:pointer;position:relative;font-size:14px}.admin-opt:hover{border-color:var(--gold)}.admin-opt.correct{border-color:var(--green-soft);background:rgba(47,160,116,.15)}.admin-opt .tick{position:absolute;right:12px;color:var(--green-soft);font-weight:800}.admin-content-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.adm-input{display:block;width:100%;margin-bottom:10px;padding:11px 13px;border-radius:10px;border:1px solid rgba(201,162,75,.25);background:var(--surface);color:var(--text);font-size:14px}.adm-input:focus{outline:none;border-color:var(--gold)}.admin code{background:rgba(201,162,75,.12);padding:1px 6px;border-radius:5px;color:var(--gold-soft)}.user-menu{position:relative}.user-trigger{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid rgba(201,162,75,.3);border-radius:999px;padding:5px 12px 5px 5px;cursor:pointer;color:var(--text)}.user-trigger:hover{border-color:var(--gold)}.user-ava,.user-ava-fallback{width:34px;height:34px;border-radius:50%;object-fit:cover;display:grid;place-items:center;flex-shrink:0}.user-ava-fallback{background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#2a2110;font-weight:800;font-size:16px}.user-name{font-size:14px;font-weight:600;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-caret{color:var(--text-muted);font-size:12px}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:40;min-width:220px;background:var(--surface-soft);border:1px solid rgba(201,162,75,.25);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;padding:6px}.user-dropdown-head{padding:10px 12px;border-bottom:1px solid rgba(201,162,75,.15);margin-bottom:6px}.user-dropdown-name{font-weight:700;color:var(--text)}.user-dropdown-email{font-size:12px;color:var(--text-muted)}.user-dropdown-item{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:9px;border:none;background:transparent;color:var(--text);font-size:14px;cursor:pointer}.user-dropdown-item:hover{background:var(--surface);color:var(--gold-soft)}.user-dropdown-item.danger{color:#d9785f}.user-dropdown-item.danger:hover{background:rgba(192,86,63,.12)}.profile-hero{display:flex;align-items:center;gap:18px;margin:16px 0 24px;flex-wrap:wrap}.profile-ava,.profile-ava-fallback{width:84px;height:84px;border-radius:50%;object-fit:cover;display:grid;place-items:center;flex-shrink:0;border:2px solid var(--gold);box-shadow:0 6px 22px rgba(0,0,0,.4)}.profile-ava-fallback{background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#2a2110;font-weight:800;font-size:34px}.profile-hero h1{color:var(--gold-soft);font-size:24px}.badge-admin{display:inline-block;margin-top:6px;font-size:13px;background:rgba(201,162,75,.14);border:1px solid rgba(201,162,75,.4);color:var(--gold-soft);padding:3px 12px;border-radius:999px}.profile-stats{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,1fr)}@media (max-width:520px){.profile-stats{grid-template-columns:1fr}}.pstat{background:linear-gradient(180deg,var(--surface-soft),var(--surface));border:1px solid rgba(201,162,75,.18);border-radius:var(--radius);padding:18px;text-align:center}.pstat-value{font-size:32px;font-weight:800;color:var(--gold-soft);line-height:1}.pstat-label{color:var(--text-muted);font-size:13px;margin-top:6px}.attempt-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.attempt-score{font-size:18px;font-weight:800;padding:6px 14px;border-radius:10px}.attempt-score.ok{color:var(--green-soft);background:rgba(47,160,116,.14)}.attempt-score.low{color:#d9785f;background:rgba(192,86,63,.14)}.hadith-path{position:relative;overflow:hidden;padding:60px 18px;background:radial-gradient(700px 300px at 50% 0,rgba(201,162,75,.12),transparent),linear-gradient(180deg,rgba(31,122,84,.08),transparent);border-top:1px solid rgba(201,162,75,.12);border-bottom:1px solid rgba(201,162,75,.12)}.hadith-inner{max-width:820px;margin:0 auto;text-align:center}.hadith-arabic{font-family:Amiri,Scheherazade New,serif;font-size:clamp(24px,4.5vw,40px);line-height:1.7;color:#f0d999;background:linear-gradient(180deg,#fff6cf,#e3c986 50%,#c9912f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 14px rgba(255,210,110,.35));margin-bottom:18px}.hadith-uz{font-size:17px;color:var(--text);max-width:560px;margin:0 auto 6px;font-style:italic}.hadith-src{color:var(--gold-soft);font-size:14px;margin-bottom:36px}.path-track{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;max-width:640px;margin:0 auto}.path-line{position:absolute;top:22px;left:8%;right:8%;height:3px;background:linear-gradient(90deg,var(--green-soft),var(--gold-soft),var(--gold));border-radius:999px;opacity:.55}.path-line:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,245,200,.9),transparent);background-size:40% 100%;background-repeat:no-repeat;animation:pathFlow 3.2s linear infinite}@keyframes pathFlow{0%{background-position:-40% 0}to{background-position:140% 0}}.path-step{position:relative;z-index:1;flex:1 1;text-align:center;opacity:0;transform:translateY(12px);animation:stepIn .6s ease forwards}@keyframes stepIn{to{opacity:1;transform:none}}.path-node{width:46px;height:46px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#2a2110;background:radial-gradient(circle at 35% 30%,#fff3b0,#c9a24b);box-shadow:0 0 0 4px rgba(201,162,75,.15),0 6px 18px rgba(0,0,0,.4)}.path-ar{font-family:Amiri,serif;font-size:19px;color:var(--gold-soft);margin-bottom:2px}.path-uz{font-size:13px;color:var(--text-muted)}@media (prefers-reduced-motion:reduce){.path-line:after,.path-step{animation:none;opacity:1;transform:none}}.jannat-card{margin:18px 0;padding:24px 22px 30px}.jannat-title{color:var(--gold-soft);font-size:18px}.jannat-sub{font-size:13px;margin-bottom:34px}.jannat-track{position:relative;height:70px;margin:0 10px 10px}.jannat-base{right:0;border-radius:999px;background:var(--surface);border:1px solid rgba(201,162,75,.2)}.jannat-base,.jannat-fill{position:absolute;top:14px;left:0;height:6px}.jannat-fill{border-radius:999px;background:linear-gradient(90deg,var(--green-soft),var(--gold-soft),var(--gold));box-shadow:0 0 14px rgba(201,162,75,.6);transition:width 1s ease}.jannat-walker{position:absolute;top:-4px;transform:translateX(-50%);font-size:22px;transition:left 1s ease;z-index:3}.walker-glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,rgba(255,236,160,.7),transparent 70%);animation:walkerPulse 2s ease-in-out infinite}@keyframes walkerPulse{50%{transform:translate(-50%,-50%) scale(1.3);opacity:.7}}.jannat-stop{position:absolute;top:0;transform:translateX(-50%);text-align:center;width:70px}.stop-dot{display:block;width:16px;height:16px;margin:9px auto 8px;border-radius:50%;background:var(--surface);border:2px solid rgba(201,162,75,.4)}.jannat-stop.reached .stop-dot{background:radial-gradient(circle at 35% 30%,#fff3b0,#c9a24b);border-color:var(--gold);box-shadow:0 0 10px rgba(201,162,75,.7)}.stop-ar{display:block;font-family:Amiri,serif;font-size:13px;color:var(--text-muted)}.jannat-stop.reached .stop-ar{color:var(--gold-soft)}.stop-uz{display:block;font-size:10px}.jannat-foot,.stop-uz{color:var(--text-muted)}.jannat-foot{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:14px}.jannat-pct{color:var(--gold-soft);font-weight:800;font-size:18px}@media (max-width:520px){.stop-ar{font-size:11px}.stop-uz{display:none}}@media (prefers-reduced-motion:reduce){.walker-glow{animation:none}.jannat-fill,.jannat-walker{transition:none}}.quiz-slide-page{max-width:760px;padding-bottom:40px}.quiz-result-page{max-width:760px}.quiz-progress{height:6px;background:var(--surface);border-radius:999px;overflow:hidden;margin:14px 0 16px;border:1px solid rgba(201,162,75,.15)}.quiz-progress-fill{height:100%;border-radius:999px;transition:width .4s ease;background:linear-gradient(90deg,var(--green-soft),var(--gold))}.quiz-dots{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-bottom:26px}.qdot{width:11px;height:11px;border-radius:50%;cursor:pointer;background:var(--surface);border:1px solid rgba(201,162,75,.3);padding:0}.qdot.done{background:var(--green-soft);border-color:var(--green-soft)}.qdot.active{transform:scale(1.4);border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,162,75,.2)}.quiz-slide{animation:slideIn .35s ease}.quiz-slide.out{opacity:0;transform:translateX(-20px);transition:all .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}.quiz-slide-num{color:var(--gold-soft);font-size:14px;font-weight:600;margin-bottom:8px}.quiz-slide-q{font-size:clamp(20px,3.5vw,28px);line-height:1.4;color:var(--text);margin-bottom:26px;min-height:60px}.quiz-slide-options{display:grid;grid-gap:12px;gap:12px}.slide-option{display:flex;align-items:center;gap:14px;text-align:left;padding:16px 18px;border-radius:14px;cursor:pointer;background:var(--surface);color:var(--text);border:1.5px solid rgba(201,162,75,.2);font-size:16px;transition:border-color .15s,transform .1s,background .15s}.slide-option:hover{border-color:var(--gold);transform:translateY(-2px)}.slide-option.selected{border-color:var(--green-soft);background:rgba(47,160,116,.14)}.opt-label{width:38px;height:38px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-weight:800;background:rgba(201,162,75,.15);color:var(--gold-soft);border:1px solid rgba(201,162,75,.3)}.slide-option.selected .opt-label{background:linear-gradient(180deg,var(--green-soft),var(--green));color:#fff;border-color:var(--green-soft)}.opt-text{flex:1 1}.quiz-nav{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.quiz-finish-hint{text-align:center;margin-top:16px}.theme-toggle{width:38px;height:38px;border-radius:50%;cursor:pointer;display:grid;place-items:center;font-size:17px;background:var(--surface);border:1px solid rgba(201,162,75,.3);transition:transform .15s,border-color .15s}.theme-toggle:hover{border-color:var(--gold);transform:rotate(18deg) scale(1.08)}.lesson-layout{display:grid;grid-template-columns:270px 1fr;grid-gap:22px;gap:22px;align-items:start;margin-top:14px}.lesson-sidebar{position:-webkit-sticky;position:sticky;top:14px}.lesson-sidebar-inner{background:linear-gradient(180deg,var(--surface-soft),var(--surface));border:1px solid rgba(201,162,75,.18);border-radius:var(--radius);padding:14px 12px;max-height:calc(100vh - 28px);overflow-y:auto}.sidebar-title{color:var(--gold-soft);font-size:16px;margin-bottom:10px;padding-left:4px}.sidebar-list{list-style:none;display:flex;flex-direction:column;gap:4px}.sb-item{border-radius:9px;border:1px solid transparent}.sb-item a{display:flex;align-items:center;gap:9px;padding:8px 9px;color:var(--text)}.sb-item:hover{background:rgba(201,162,75,.06)}.sb-item.active{border-color:var(--gold);background:rgba(201,162,75,.1)}.sb-item.done .sb-num{background:var(--green);color:#fff;border-color:var(--green)}.sb-item.locked{display:flex;align-items:center;gap:9px;padding:8px 9px;opacity:.45;cursor:not-allowed}.sb-num{flex:0 0 auto;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;border:1px solid rgba(201,162,75,.4);color:var(--gold-soft)}.sb-title{flex:1 1;font-size:13px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-state{flex:0 0 auto;font-size:12px;color:var(--gold)}.lesson-locked{display:flex;justify-content:space-between;align-items:center;opacity:.5;cursor:not-allowed}@media (max-width:860px){.lesson-layout{grid-template-columns:1fr;gap:16px}.lesson-main{order:1}.lesson-sidebar{order:2;position:static}.lesson-sidebar-inner{max-height:320px;overflow-y:auto}}*{scrollbar-width:thin;scrollbar-color:var(--gold) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(var(--gold-soft),var(--gold));border-radius:10px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--gold-soft)}::-webkit-scrollbar-corner{background:transparent}