:root{--brand:#6d5dfc;--brand2:#18c8e6;--bg:#f3f4ff;--card:#fff;--text:#1b1f3b;--muted:#6b7194;--line:#6d5dfc24;--glass:#ffffffb8;--shadow:0 10px 30px -12px #3c32a047;--green:#12b886;--purple:#8b5cf6;--orange:#f59e0b;--pink:#ec4899;--radius:22px}[data-theme=dark]{--bg:#0d0f24;--card:#171a38;--text:#eef0ff;--muted:#9aa0c8;--line:#ffffff1a;--glass:#171a38bf;--shadow:0 10px 30px -12px #0009}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Cairo,system-ui,sans-serif;transition:background .3s;overflow-x:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}code{direction:ltr;background:#6d5dfc1f;border-radius:6px;padding:1px 6px;display:inline-block}.orb-bg{filter:blur(90px);opacity:.45;z-index:0;pointer-events:none;border-radius:50%;animation:18s ease-in-out infinite alternate drift;position:fixed}.orb-bg.one{background:var(--brand);width:440px;height:440px;top:-120px;right:-100px}.orb-bg.two{background:var(--brand2);width:380px;height:380px;animation-delay:-6s;bottom:-100px;left:-80px}.orb-bg.three{background:var(--pink);opacity:.18;width:300px;height:300px;animation-delay:-12s;top:45%;left:40%}@keyframes drift{to{transform:translate(40px,30px)scale(1.12)}}.app{z-index:1;min-height:100vh;display:flex;position:relative}#sidebar{background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-inline-end:1px solid var(--line);z-index:30;flex-shrink:0;width:290px;height:100vh;padding:20px 16px;position:sticky;top:0;overflow-y:auto}#sidebar::-webkit-scrollbar{width:6px}#sidebar::-webkit-scrollbar-thumb{background:var(--line);border-radius:9px}.brand{align-items:center;gap:12px;margin-bottom:18px;display:flex}.logo{color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2));width:48px;height:48px;box-shadow:0 8px 20px -6px var(--brand);border-radius:16px;place-items:center;font-size:24px;animation:3s infinite pulse;display:grid}@keyframes pulse{50%{transform:scale(1.07)rotate(6deg)}}.brand h1{font-size:22px;font-weight:900}.brand h1 span{color:var(--pink)}.brand h1 b{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;vertical-align:middle;border-radius:99px;padding:2px 7px;font-size:11px}.brand p{color:var(--muted);font-size:12px}.side-label{color:var(--muted);letter-spacing:.5px;margin:16px 6px 8px;font-size:12px;font-weight:800}.subject-nav{flex-direction:column;gap:6px;display:flex}.nav-btn{text-align:start;--c1:var(--brand);--c2:var(--brand2);border:1px solid #0000;border-radius:16px;align-items:center;gap:12px;width:100%;padding:9px 10px;transition:all .25s;display:flex}.nav-btn i{background:linear-gradient(135deg,color-mix(in srgb,var(--c1) 22%,transparent),color-mix(in srgb,var(--c2) 22%,transparent));border-radius:13px;place-items:center;width:40px;height:40px;font-size:20px;font-style:normal;transition:all .25s;display:grid}.nav-btn strong{font-size:14px;font-weight:700;display:block}.nav-btn small{color:var(--muted);font-size:11.5px}.nav-btn:hover{background:#6d5dfc14;transform:translate(-4px)}.nav-btn.active{background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;box-shadow:0 10px 22px -10px var(--c1)}.nav-btn.active small{color:#ffffffd9}.nav-btn.active i{background:#ffffff40}.policy{border:1px dashed var(--line);color:var(--muted);background:linear-gradient(135deg,#6d5dfc1f,#18c8e61f);border-radius:18px;margin-top:18px;padding:14px;font-size:12.5px}.policy b{color:var(--text);margin-bottom:4px;display:block}main{flex:1;min-width:0}.topbar{z-index:20;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 28px;display:flex;position:sticky;top:0}.search{background:var(--card);border:1px solid var(--line);border-radius:99px;flex:1;align-items:center;gap:10px;height:48px;padding:0 16px;transition:all .25s;display:flex}.search:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 18%,transparent)}.search span{color:var(--brand);font-size:20px}.search input{background:0 0;border:0;outline:0;flex:1;height:100%}.icon-btn{background:var(--card);border:1px solid var(--line);border-radius:50%;width:48px;height:48px;font-size:20px;transition:all .25s}.icon-btn:hover{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;transform:rotate(18deg)}.mobile-menu,.scrim{display:none}.content{max-width:1280px;margin:0 auto;padding:26px 28px 40px}.hero{color:#fff;background:linear-gradient(120deg,var(--brand),var(--brand2) 60%,var(--pink));box-shadow:0 24px 50px -22px var(--brand);background-size:200% 200%;border-radius:32px;grid-template-columns:1.4fr 1fr;gap:20px;padding:34px;animation:12s infinite flow;display:grid;position:relative;overflow:hidden}@keyframes flow{50%{background-position:100%}}.hero:before{content:"";background:radial-gradient(circle at 15% 20%,#ffffff38,#0000 45%);position:absolute;inset:0}.hero>*{position:relative}.eyebrow{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff3;border-radius:99px;padding:5px 14px;font-size:12.5px;font-weight:700;display:inline-block}.hero h2{margin:14px 0 8px;font-size:clamp(26px,4vw,42px);font-weight:900;line-height:1.35}.hero h2 em{color:#fff7b0;font-style:normal}.hero p{opacity:.95;max-width:560px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.primary{color:var(--brand);background:#fff;border-radius:99px;padding:12px 24px;font-weight:800;transition:all .25s;box-shadow:0 8px 18px -8px #0006}.primary:hover{transform:translateY(-3px)scale(1.03)}.ghost{color:#fff;background:#ffffff2e;border:1px solid #fff6;border-radius:99px;align-items:center;padding:11px 22px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.ghost:hover{background:#ffffff52}.stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.stat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#ffffff2e;border-radius:18px;padding:12px;transition:all .25s}.stat:hover{background:#ffffff47;transform:translateY(-4px)}.stat strong{font-size:26px;font-weight:900;display:block}.stat small{opacity:.92;font-size:11.5px}.hero-art{place-items:center;min-height:220px;display:grid}.hero-orb{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff73;border-radius:50%;place-items:center;width:170px;height:170px;font-size:84px;animation:.6s pop,5s ease-in-out infinite bob;display:grid;box-shadow:0 0 60px #ffffff59}@keyframes pop{0%{opacity:0;transform:scale(.3)}}@keyframes bob{50%{transform:translateY(-14px)}}.float{color:var(--text);box-shadow:var(--shadow);background:#fff;border-radius:99px;padding:7px 14px;font-size:12.5px;font-weight:800;animation:4s ease-in-out infinite bob;position:absolute}.f1{top:10%;right:6%}.f2{animation-delay:-1.3s;bottom:14%;right:2%}.f3{animation-delay:-2.6s;top:36%;left:0}.notice,.publish-note{background:linear-gradient(135deg,#f59e0b24,#ec48991a);border:1px solid #f59e0b4d;border-radius:20px;align-items:flex-start;gap:14px;margin:20px 0;padding:16px 20px;font-size:13.5px;line-height:1.8;display:flex}.notice>span,.publish-note>div:first-child{font-size:28px}.publish-note{background:linear-gradient(135deg,#12b88624,#18c8e61a);border-color:#12b8864d;margin-top:34px}.publish-note p{color:var(--muted)}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin:26px 0 14px;display:flex}.section-head h3{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:900}.section-head p{color:var(--muted);font-size:13.5px}.tabs{background:var(--card);border:1px solid var(--line);border-radius:99px;flex-wrap:wrap;gap:6px;padding:5px;display:flex}.tab{color:var(--muted);border-radius:99px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .25s}.tab:hover{color:var(--brand)}.tab.active{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 6px 14px -6px var(--brand)}.progress-row{justify-content:space-between;margin:10px 4px 6px;font-size:13px;font-weight:700;display:flex}.progress-track{background:var(--card);border:1px solid var(--line);border-radius:99px;height:12px;margin-bottom:10px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,var(--brand),var(--brand2),var(--green));border-radius:99px;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1)}.unit{border-radius:var(--radius);background:var(--glass);border:1px solid var(--line);border-top:4px solid hsl(var(--hue) 80% 60%);margin-top:26px;padding:18px;animation:.5s both rise}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.unit-head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.unit-icon{background:hsl(var(--hue) 85% 60%/.2);border-radius:15px;place-items:center;width:46px;height:46px;font-size:23px;display:grid}.unit-head h4{flex:1;font-size:18px;font-weight:800}.unit-count{color:#fff;background:hsl(var(--hue) 75% 55%);border-radius:99px;padding:5px 12px;font-size:12px;font-weight:800}.lessons{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.lesson{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.lesson:hover{box-shadow:0 22px 36px -16px var(--brand);transform:translateY(-6px)}.lesson.watched{outline:2px solid var(--green)}.thumb{aspect-ratio:16/9;cursor:pointer;background:linear-gradient(135deg,var(--brand),var(--brand2));position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;transition:all .4s}.lesson:hover .thumb img{transform:scale(1.08)}.play{width:54px;height:54px;color:var(--brand);background:#ffffffeb;border-radius:50%;margin:auto;font-size:20px;transition:all .25s;position:absolute;inset:0;box-shadow:0 8px 20px #0000004d}.lesson:hover .play{transform:scale(1.15)}.placeholder{text-align:center;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2),var(--pink));place-items:center;height:100%;font-size:13px;font-weight:700;display:grid}.placeholder span{font-size:44px;display:block}.badge,.option-count,.watched-badge{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:99px;padding:4px 10px;font-size:11px;font-weight:800;position:absolute;top:10px}.badge{right:10px}.badge.current{background:var(--green)}.badge.previous{background:var(--purple)}.badge.searchonly{background:var(--orange)}.option-count{background:#0000008c;left:10px}.watched-badge{background:var(--green);display:none;top:auto;bottom:10px;right:10px}.lesson.watched .watched-badge{display:block}.lesson-body{flex-direction:column;flex:1;gap:8px;padding:14px;display:flex}.meta{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.lesson-body h5{font-size:15.5px;font-weight:800;line-height:1.6}.lesson-note{color:var(--muted);background:#f59e0b1f;border-radius:10px;padding:6px 10px;font-size:12px}.actions{gap:8px;margin-top:auto;padding-top:6px;display:flex}.choose{color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2));border-radius:14px;flex:1;padding:10px;font-size:13.5px;font-weight:800;transition:all .25s}.choose:hover{filter:brightness(1.1);transform:translateY(-2px)}.mini{width:42px;color:var(--muted);background:#6d5dfc1a;border-radius:14px;font-size:17px;transition:all .25s}.mini:hover{background:#6d5dfc38}.mini.on{background:var(--pink);color:#fff}.lesson.watched .mini:last-child{background:var(--green);color:#fff}.empty{text-align:center;color:var(--muted);padding:50px;font-size:18px;font-weight:700}footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:24px;font-size:13px;display:flex}footer a{color:var(--brand);font-weight:700;text-decoration:none}.modal{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a2899;place-items:center;padding:16px;animation:.25s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal-card{background:var(--card);border-radius:28px;width:min(900px,100%);max-height:92vh;animation:.35s rise;overflow:auto;box-shadow:0 40px 80px -20px #0009}.modal-head{color:#fff;background:linear-gradient(120deg,var(--brand),var(--brand2));justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.modal-head small{opacity:.9}.modal-head h4{font-size:19px;font-weight:900}.close{color:#fff;background:#ffffff40;border-radius:50%;width:40px;height:40px;font-size:18px;transition:all .25s}.close:hover{background:#fff6;transform:rotate(90deg)}.chooser{padding:20px}.chooser-tip{background:#6d5dfc1a;border-radius:16px;gap:12px;margin-bottom:14px;padding:14px;font-size:13px;line-height:1.8;display:flex}.chooser-tip.warn{background:#f59e0b24;border:1px solid #f59e0b59}.chooser-tip p{color:var(--muted)}.teacher-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.teacher-card{background:var(--bg);border:1px solid var(--line);text-align:start;border-radius:18px;align-items:center;gap:12px;padding:10px;transition:all .25s;display:flex}.teacher-card:hover{border-color:var(--brand);box-shadow:var(--shadow);transform:translateY(-4px)}.teacher-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,var(--orange),var(--pink));border-radius:12px;flex-shrink:0;width:96px;overflow:hidden}.teacher-thumb img{object-fit:cover;width:100%;height:100%}.search-thumb{color:#fff;place-items:center;height:100%;font-size:28px;display:grid}.teacher-info b{font-size:14px;display:block}.teacher-info small{font-size:11.5px;font-weight:700}.year-current{color:var(--green)}.year-old{color:var(--purple)}.kind-search{color:var(--orange)}.player-view{padding:18px}.video-wrap{aspect-ratio:16/9;background:#000;border-radius:18px;overflow:hidden}.video-wrap iframe{border:0;width:100%;height:100%}.player-info{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.who{flex:1;min-width:200px}.who small{color:var(--muted);display:block}.player-info .ghost{color:var(--brand);border-color:var(--line);background:#6d5dfc1a}.player-info .primary{background:linear-gradient(135deg,var(--green),var(--brand2));color:#fff}.toast{opacity:0;pointer-events:none;z-index:200;color:#fff;background:linear-gradient(135deg,var(--brand),var(--pink));box-shadow:var(--shadow);border-radius:99px;padding:12px 22px;font-size:14px;font-weight:700;transition:all .3s;position:fixed;bottom:26px;left:50%;transform:translate(-50%,30px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=900px){#sidebar{background:var(--card);transition:all .3s;position:fixed;top:0;bottom:0;right:0;transform:translate(105%)}#sidebar.open{transform:none}.scrim{z-index:25;background:#00000073;display:block;position:fixed;inset:0}.mobile-menu{display:block}.hero{grid-template-columns:1fr;padding:24px}.hero-art{display:none}.topbar,.content{padding-inline:16px}}@media (width<=520px){.stats{grid-template-columns:repeat(2,1fr)}.tabs{flex-wrap:nowrap;width:100%;overflow-x:auto}.tab{white-space:nowrap}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.teacher-thumb{position:relative}.tplay{width:30px;height:30px;color:var(--brand);background:#ffffffe6;border-radius:50%;place-items:center;margin:auto;font-size:12px;display:grid;position:absolute;inset:0}.teacher-info{min-width:0}.vtitle{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:11.5px;font-style:normal;line-height:1.6;display:-webkit-box;overflow:hidden}.teacher-card.pending{opacity:.7;cursor:default;border-style:dashed}.teacher-card.pending:hover{box-shadow:none;border-color:var(--line);transform:none}.pending-note{background:#8b5cf61f}