@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap";:root{--navy:#0d3736;--ink:#27324b;--muted:#747b8a;--orange:#b58a43;--peach:#f6f0e4;--line:#e9ebf0;--bg:#fafbfc;--green:#28896c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px;line-height:1.6}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,h4,p{margin:0}h1,h2,h3{color:var(--navy);letter-spacing:-.045em;font-family:Manrope,Arial,sans-serif;line-height:1.3}h1{font-size:30px;font-weight:800}h2{font-size:23px;font-weight:800}h3{font-size:17px;font-weight:750}p{line-height:1.7}:is(button:focus-visible,a:focus-visible){outline-offset:4px;outline:3px solid #ffbe89}input,textarea,select{width:100%;color:var(--navy);background:#fff;border:1px solid #dfe2e9;border-radius:9px;outline:none;padding:12px 14px}input:focus,textarea:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #fd771215}label{color:var(--navy);font-size:13px;font-weight:600;display:block}label>input,label>textarea,label>select{margin-top:7px}label small{color:var(--muted);font-weight:400}textarea{resize:vertical;min-height:100px}button svg,a svg{flex-shrink:0}.button{border:none;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:700;line-height:1.4;transition:transform .15s,background .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.primary{background:var(--orange);color:#fff;box-shadow:0 4px 12px #fd771218}.navy{background:var(--navy);color:#fff}.outline{color:var(--navy);background:#fff;border:1px solid #e0e3e9}.outline:hover{background:#fff9f3;border-color:#ffcba5}.completed{color:var(--green);background:#edf8f2}.wide{width:100%}.eyebrow{letter-spacing:1.7px;color:#b65b22;margin-bottom:9px;font-size:10px;font-weight:750}.light{color:#ffbd8b}.pill{color:#a75419;letter-spacing:.1px;background:#fff6ec;border:1px solid #f5dcc6;border-radius:30px;align-items:center;gap:7px;padding:5px 10px;font-size:10px;font-weight:650;display:inline-flex}.live-dot{background:var(--orange);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.text-button{color:var(--orange);background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.muted{color:var(--muted)}.help-note{color:var(--muted);margin-top:20px;font-size:12px}.error{color:#b23e32;background:#fff0ed;border-radius:8px;padding:10px 12px;font-size:12px}.spinner{border:2px solid #eee;border-top-color:var(--orange);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading{flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:100vh;display:flex}.loading img{width:185px}.loading p{color:var(--muted);font-size:13px}.login-screen{background:#fff;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-story{background:var(--navy);color:#fff;flex-direction:column;justify-content:space-between;padding:44px 10%;display:flex;position:relative;overflow:hidden}.academy-link{color:#d5d9e4;z-index:1;align-items:center;gap:10px;font-size:12px;display:inline-flex;position:relative}.login-story>div:not(.orb){z-index:1;position:relative}.login-story h1{color:#fff;letter-spacing:-.055em;margin:22px 0;font-size:clamp(35px,4vw,58px);line-height:1.18}.login-story h1 em{color:#ff994e;font-style:normal}.login-story p:not(.eyebrow){color:#c7ccda;max-width:350px;font-size:15px}.login-story small{color:#9ba4be;z-index:1;font-size:11px;position:relative}.login-course-tags{gap:14px;margin-top:33px;display:flex}.login-course-tags>span{border:1px solid #ffffff25;border-radius:9px;align-items:center;gap:13px;padding:8px 15px;font-family:Noto Naskh Arabic,serif;font-size:22px;display:flex}.login-course-tags b{letter-spacing:.4px;font:600 11px Manrope,sans-serif}.orb{pointer-events:none;border:1px solid #ffffff0b;border-radius:50%;width:600px;height:600px;top:10%;right:-320px;position:absolute!important}.orb.two{width:450px;height:450px;top:22%;right:-235px}.login-form{align-self:center;width:100%;max-width:650px;margin:auto;padding:65px clamp(35px,7vw,120px)}.login-logo{width:186px;margin-bottom:45px;display:block}.login-form h2{margin:18px 0 12px;font-size:28px}.login-form>p{color:var(--muted);font-size:13px}.login-form form{flex-direction:column;gap:22px;margin:27px 0 20px;display:flex}.password-field{margin-top:7px;position:relative}.password-field input{padding-right:48px}.password-field button{color:var(--muted);background:0 0;border:none;padding:6px;display:flex;position:absolute;top:8px;right:8px}.login-foot{margin-bottom:26px;font-size:11px!important}.portal{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:40;background:#fff;flex-direction:column;flex-shrink:0;width:242px;height:100vh;padding:32px 20px 20px;display:flex;position:fixed;top:0;left:0}.brand{text-align:left;background:0 0;border:none;margin:0 5px 40px;padding:0;display:block}.brand img{width:178px;display:block}.side-label{letter-spacing:1.4px;color:#969ba8;margin:0 13px 13px;font-size:8px;font-weight:700}.sidebar nav{flex-direction:column;gap:6px;display:flex}.sidebar nav button{text-align:left;color:#737b8d;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:12px 13px;font-size:12px;font-weight:550;display:flex}.sidebar nav button:hover{background:#fbf7f3}.sidebar nav button.active{color:#c96114;background:#fff1e5;font-weight:700}.nav-count{color:#d16c24;text-align:center;background:#ffe0c6;border-radius:4px;min-width:20px;margin-left:auto;padding:0 6px;font-size:10px}.side-quote{border-top:1px solid var(--line);margin:40px 12px 30px;padding-top:24px}.side-quote>svg{color:#e4a777}.side-quote p{color:#8790a1;margin:10px 0 8px;font-size:13px;font-weight:450}.side-quote small{color:#a4aab6;font-size:10px}.admin-nav{color:#69748b;background:0 0;border:0;align-items:center;gap:10px;margin-top:auto;padding:12px 10px;font-size:12px;display:flex}.side-bottom{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding-top:18px;display:flex}.avatar{color:#b85b1c;background:#ffeddf;border-radius:50%;place-items:center;width:35px;height:35px;font-size:13px;font-weight:700;display:grid}.side-bottom strong{text-overflow:ellipsis;max-width:110px;font-size:11px;line-height:1.3;display:block;overflow:hidden}.side-bottom small{color:var(--muted);font-size:9px}.side-bottom button{color:#9a9faa;background:0 0;border:none;margin-left:auto;padding:5px}.main-column{width:calc(100% - 242px);margin-left:242px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:77px;padding:0 42px;display:flex}.topbar>div{color:#9299a6;align-items:center;gap:10px;font-size:11px;display:flex}.topbar strong{color:#565f73;font-size:11px;font-weight:550}.topbar>a{color:#9299a6;align-items:center;gap:7px;font-size:10px;display:flex}.main-content{max-width:1280px;min-height:calc(100vh - 147px);margin:auto;padding:37px 42px 50px}.page-heading{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.page-heading h1{margin-bottom:10px;font-size:29px}.page-heading>div>p:last-child{color:#828997;font-size:12px}.welcome-mark{color:#c5a88d;margin-right:10px;font:500 37px Noto Naskh Arabic,serif}.footer{border-top:1px solid var(--line);color:#9299a6;justify-content:space-between;gap:20px;padding:24px 42px;font-size:9px;display:flex}.footer>span:first-child{font-weight:550}.footer span span{padding:0 7px}.mobile-menu,.sidebar-scrim{display:none}.welcome-banner{background:linear-gradient(110deg,#fff3e7,#fff9f3);border:1px solid #f6e8d8;border-radius:13px;justify-content:space-between;align-items:center;min-height:280px;padding:30px 33px;display:flex;position:relative;overflow:hidden}.welcome-banner .pill{background:#fffaf4;font-size:9px}.welcome-banner h2{letter-spacing:-.055em;margin:16px 0 12px;font-size:30px;line-height:1.35}.welcome-banner em{color:#d76b20;font-style:normal}.welcome-banner p{color:#8c8076;font-size:11px}.welcome-banner .button{margin-top:21px;padding:12px 15px;font-size:11px}.banner-illustration{flex-shrink:0;align-self:stretch;place-items:center;width:260px;display:grid;position:relative}.study-arch{color:#c5793f;background:linear-gradient(145deg,#fffbf5,#ffe1c5);border:1px solid #edc9a8;border-radius:90px 90px 8px 8px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:165px;height:210px;display:flex;position:relative;transform:rotate(7deg);box-shadow:8px 10px #f8e2cc}.study-arch:before{content:"";border:1px solid #e5c29f;border-radius:70px 70px 1px 1px;position:absolute;inset:13px}.study-arch span{font:500 25px Noto Naskh Arabic,serif}.floating-label{color:#7d725f;background:#fff;border-radius:7px;align-items:center;gap:8px;padding:9px 12px;font-size:9px;display:flex;position:absolute;bottom:15px;left:-8px;transform:rotate(-5deg);box-shadow:0 4px 24px #9a6c3513}.stats-row{grid-template-columns:repeat(3,1fr);gap:17px;margin:22px 0 35px;display:grid}.stats-row>div{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-rows:28px 18px;grid-template-columns:40px 1fr;column-gap:15px;padding:19px;display:grid}.stat-icon{border-radius:9px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.stats-row .stat-icon{grid-row:1/3}.lavender{color:#9685c9;background:#f0eefb}.green{color:#6ca489;background:#edf7f0}.stats-row strong{color:var(--navy);letter-spacing:-1px;font-size:24px;font-weight:700;line-height:1.2}.stats-row strong small{color:#b2b5c0;font-size:15px;font-weight:400}.stats-row>div>span:last-child{color:#8b92a1;font-size:10px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin:0 0 21px;display:flex}.section-heading h2{margin-bottom:5px;font-size:22px}.section-heading p{color:#8a91a0;font-size:11px}.subtle-label{color:#a3a7b2;letter-spacing:1.6px;font-size:8px}.courses-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.course-card{border:1px solid var(--line);background:#fff;border-radius:12px;transition:box-shadow .2s;overflow:hidden}.course-card:hover{box-shadow:0 9px 30px #172a4c08}.course-art{text-align:left;color:#fff;border:none;width:100%;height:185px;padding:23px 27px;display:block;position:relative;overflow:hidden}.course-art.aqida{background:#111f46}.course-art.fiqh{background:linear-gradient(130deg,#ef9b5c,#d7702d)}.art-kicker{letter-spacing:1.5px;color:#fffa;z-index:2;font-size:8px;position:relative;top:22px;left:27px}.art-arabic{z-index:2;font:500 55px Noto Naskh Arabic,serif;position:absolute;top:54px;left:27px}.aqida .art-arabic{color:#f3d6ac}.fiqh .art-arabic{color:#fff5e7}.art-bottom{z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:22px;left:27px;right:27px}.art-play{background:#ffffff18;border:1px solid #ffffff27;border-radius:50%;place-items:center;width:33px;height:33px;display:grid}.art-ring{border:1px solid #ffffff10;border-radius:50%;width:280px;height:280px;position:absolute;top:-36px;right:-40px}.art-ring.inner{width:210px;height:210px;top:0;right:-6px}.course-art:after{content:"";border:1px solid #ffffff18;border-radius:85px 85px 0 0;width:140px;height:210px;position:absolute;top:26px;right:64px;transform:rotate(25deg)}.course-card-body{padding:23px 25px 0}.course-title{justify-content:space-between;align-items:center;gap:15px;display:flex}.course-title h3{font-size:23px}.course-status{color:#6b926a;background:#eff7ef;border-radius:4px;padding:3px 7px;font-size:8px}.course-description{color:#878e9d;max-width:340px;min-height:38px;margin:12px 0 17px;font-size:11px}.teacher-line{color:#6e7789;align-items:center;gap:8px;font-size:10px;display:flex}.teacher-avatar{color:#9a91ae;background:#f1f0f6;border-radius:50%;place-items:center;width:23px;height:23px;font-size:9px;font-weight:600;display:grid}.progress-label{color:#a1a7b2;justify-content:space-between;margin:23px 0 8px;font-size:9px;display:flex}.progress-label strong{color:#8a92a0;font-weight:550}.progress-track{background:#f0f1f5;border-radius:10px;height:4px;overflow:hidden}.progress-track i{background:var(--orange);border-radius:10px;height:100%;transition:width .3s;display:block}.course-link{color:#c86826;background:#fff;border:0;border-top:1px solid #eff0f3;justify-content:space-between;align-items:center;width:100%;margin-top:21px;padding:15px 0;font-size:11px;font-weight:650;display:flex}.study-tip{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:17px;margin-top:26px;padding:20px 23px;display:flex}.study-tip h3{margin-bottom:5px;font-size:13px}.study-tip p{color:#8d94a2;font-size:10px}.study-tip .text-button{white-space:nowrap;margin-left:auto;font-size:10px}.back-link{color:#848c9c;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:22px;padding:0;font-size:11px;display:inline-flex}.course-hero{background:var(--navy);color:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:30px;padding:36px 39px;display:flex}.course-hero .eyebrow{color:#e3bd93}.course-hero h1{color:#fff;font-size:40px;line-height:1.2}.course-hero h1 span{letter-spacing:0;color:#e7d1b6;margin-top:10px;font-size:19px;font-weight:450;display:block}.course-hero p:not(.eyebrow){color:#c9ccda;max-width:490px;margin-top:17px;font-size:12px}.course-hero.fiqh p:not(.eyebrow){color:#ffe5d0}.course-hero>span{color:#f5d3a2;margin:0 10px;font:500 75px Noto Naskh Arabic,serif}.hero-meta{gap:25px;margin-top:23px;display:flex}.hero-meta span{color:#ffffffbd;align-items:center;gap:7px;font-size:10px;display:flex}.course-progress-panel{border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:40px;margin:22px 0 33px;padding:21px 24px;display:flex}.course-progress-panel strong{color:var(--navy);font-size:12px}.course-progress-panel p{color:var(--muted);margin-top:4px;font-size:10px}.course-progress-panel>.progress-track{width:35%}.lesson-list{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.lesson-row{border:0;border-bottom:1px solid var(--line);text-align:left;background:#fff;align-items:center;gap:22px;width:100%;padding:24px;display:flex}.lesson-row:last-child{border-bottom:0}.lesson-row:hover{background:#fffcf8}.lesson-number{color:#9098aa;background:#f5f6f9;border-radius:9px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:15px;font-weight:650;display:grid}.lesson-number.done{color:var(--green);background:#edf7f1}.tiny-label{color:#a0a6b3;letter-spacing:1.2px;font-size:8px}.lesson-row h3{margin:4px 0 9px;font-size:15px}.lesson-row p{color:#959caa;align-items:center;gap:6px;font-size:9px;display:flex}.lesson-open{color:#cc752f;flex-shrink:0;align-items:center;gap:15px;margin-left:auto;font-size:11px;display:flex}.lesson-layout{grid-template-columns:minmax(0,1fr) 240px;gap:28px;display:grid}.video-player{aspect-ratio:16/9;background:#080d1b;border-radius:11px;overflow:hidden}.video-player iframe{border:0;width:100%;height:100%;display:block}.video-caption{color:#a0a5af;justify-content:space-between;align-items:center;gap:8px;margin:12px 0 29px;font-size:9px;display:flex}.video-caption>span,.video-caption>a{align-items:center;gap:6px;display:flex}.lesson-title{margin-bottom:20px;font-size:28px}.lesson-actions{justify-content:space-between;align-items:center;gap:15px;margin-bottom:28px;display:flex}.lesson-actions .teacher-line{font-size:11px}.lesson-actions .button{padding:10px 12px;font-size:10px}.tabs{white-space:nowrap;border-bottom:1px solid #dfe3eb;gap:22px;display:flex;overflow:auto}.tabs button{color:#939bab;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 0;font-size:11px}.tabs button.selected{color:#d3752e;border-color:var(--orange);font-weight:700}.tab-content{padding:27px 0}.tab-content>h2,.quiz-heading h2{margin-bottom:13px;font-size:20px}.tab-content>p,.quiz-heading p{color:#858e9e;font-size:12px}.topic-list{gap:12px;margin:23px 0 30px;padding:0;list-style:none;display:grid}.topic-list li{color:#5d6b80;align-items:center;gap:11px;font-size:12px;display:flex}.topic-list svg{color:#d19362}.lesson-sidebar{border:1px solid var(--line);background:#fff;border-radius:10px;align-self:start;padding:23px 16px}.lesson-sidebar>h3{padding:0 7px;font-size:15px}.lesson-sidebar>p{color:#9a9fac;margin:6px 7px 22px;font-size:10px}.lesson-sidebar>button{text-align:left;color:#a0a8b5;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;width:100%;margin-top:5px;padding:13px 10px;display:flex}.lesson-sidebar>button svg{flex-shrink:0}.lesson-sidebar>button small{letter-spacing:.7px;margin-bottom:4px;font-size:7px;display:block}.lesson-sidebar>button strong{color:#7b8697;font-size:10px;font-weight:550;line-height:1.5;display:block}.aside-note{border-top:1px solid var(--line);color:#d5ae8c;margin:25px 7px 2px;padding-top:20px}.aside-note p{color:#a0a8b5;margin-top:10px;font-size:10px}.empty-state{text-align:center;color:#b3b9c4;max-width:480px;margin:auto;padding:30px 15px}.empty-state h3{margin:15px 0 10px;font-size:15px}.empty-state p{color:#9199a7;font-size:12px}.notes{min-height:230px;margin:22px 0 18px;font-size:13px;line-height:1.8}.material-card{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:33px;padding:28px;display:flex}.pdf-cover{color:#fff;background:#111e42;border-radius:5px 12px 12px 5px;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:12px;width:155px;height:195px;padding:23px 18px;display:flex;box-shadow:6px 6px #eee8dd}.pdf-cover svg{color:#eead74}.pdf-cover>span{letter-spacing:1.7px;color:#e8b37e;font-size:9px}.pdf-cover strong{letter-spacing:-.1px;font-size:12px;line-height:1.6}.pdf-cover small{color:#aeb5c8;letter-spacing:.7px;margin-top:auto;font-size:6px}.material-card h2{margin:15px 0 12px;font-size:23px}.material-card p{color:#8a94a2;max-width:430px;margin-bottom:20px;font-size:12px}.quiz-list{gap:15px;display:grid}.quiz-card{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:20px;padding:25px;display:flex}.quiz-card h3{font-size:15px}.quiz-card p:not(.eyebrow){color:#969dac;margin-top:8px;font-size:10px}.quiz-card .eyebrow{font-size:8px}.quiz-card .button{white-space:nowrap;margin-left:auto;font-size:11px}.quiz-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px;display:flex}.quiz-heading p{max-width:500px}.quiz-heading .pill{flex-shrink:0}.question{border:0;margin:0 0 27px;padding:0}.question legend{color:var(--navy);align-items:flex-start;gap:12px;margin-bottom:13px;padding:0;font-size:13px;font-weight:650;display:flex}.question legend>span{color:#cd894d;font-size:10px;line-height:2}.answer{cursor:pointer;background:#fff;border:1px solid #e3e6ed;border-radius:8px;align-items:center;gap:12px;margin:8px 0;padding:13px 14px;font-size:12px;font-weight:450;display:flex}.answer input{width:15px;height:15px;accent-color:var(--orange);flex-shrink:0;padding:0}.answer.correct{color:#398060;background:#f4faf7;border-color:#8fc9ad}.answer.incorrect{background:#fff6f3;border-color:#e6b1a6}.answer>svg{flex-shrink:0;margin-left:auto}.explanation{color:#6e877b;padding:8px 0 0 27px;font-size:11px}.quiz-result{color:#5d9372;background:#f0f8f3;border:1px solid #dcece0;border-radius:10px;gap:18px;margin-bottom:27px;padding:20px;display:flex}.quiz-result strong{color:#37644a;font-size:17px}.quiz-result p{color:#729481;margin-top:5px;font-size:11px}.progress-overview{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:30px;margin-bottom:30px;padding:30px;display:flex}.progress-circle{border-radius:50%;flex-shrink:0;place-items:center;width:115px;height:115px;display:grid}.progress-circle span{text-align:center;width:94px;height:94px;color:var(--navy);background:#fff;border-radius:50%;place-content:center;font-size:30px;font-weight:750;line-height:1.2;display:grid}.progress-circle small{color:#9299a5;font-size:12px}.progress-overview h2{font-size:22px}.progress-overview p{color:#8b94a2;margin:10px 0;font-size:12px}.progress-overview>div>small{color:#a0a5b0;font-size:10px}.admin-list{gap:15px;margin-top:23px;display:grid}.admin-list article{border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:22px;display:flex}.admin-list h3{font-size:15px}.editor-form{border:1px solid var(--line);background:#fff;border-radius:12px;padding:30px}.editor-form>label,.form-two{margin-bottom:20px}.form-two{grid-template-columns:1fr 2fr;gap:20px;display:grid}.editor-form>h3{margin:35px 0 20px}.edit-question{border:1px solid var(--line);background:#fcfcfd;border-radius:10px;margin-top:17px;padding:23px}.edit-question>label{margin-bottom:15px}.edit-option{align-items:center;gap:12px;display:flex}.edit-option>input[type=radio]{width:17px;height:17px;accent-color:var(--orange);flex-shrink:0;margin:0}.edit-option>input:not([type=radio]){margin:0}.editor-save{border-top:1px solid var(--line);justify-content:flex-end;margin-top:30px;padding-top:25px;display:flex}.toast{color:#fff;z-index:100;background:#14213d;border-radius:10px;align-items:center;gap:10px;max-width:90vw;padding:13px 20px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 4px 25px #0002}@media (min-width:1500px){.main-content{padding-top:43px}.welcome-banner{padding:37px 40px}.course-art{height:205px}.banner-illustration{width:300px}}@media (max-width:1150px){.sidebar{width:214px;padding:28px 15px 18px}.brand img{width:164px}.main-column{width:calc(100% - 214px);margin-left:214px}.topbar{padding:0 28px}.main-content{padding:30px 28px 40px}.welcome-banner h2{font-size:26px}.banner-illustration{width:195px}.study-arch{width:140px;height:185px}.stats-row{gap:10px}.stats-row>div{column-gap:10px;padding:16px 13px}.lesson-layout{grid-template-columns:minmax(0,1fr) 205px;gap:20px}.footer{padding:23px 28px}.login-story{padding:38px 9%}.login-form{padding:50px}.course-art{height:170px}.course-card-body{padding:20px 20px 0}.course-hero>span{font-size:58px}.lesson-title{font-size:23px}.tabs{gap:17px}.lesson-actions{align-items:flex-start}.welcome-banner p br{display:none}.study-tip{gap:13px;padding:20px 18px}}@media (max-width:900px){.sidebar{width:195px}.brand img{width:150px}.main-column{width:calc(100% - 195px);margin-left:195px}.main-content{padding:28px 22px 35px}.sidebar nav button{gap:9px;padding:12px 10px;font-size:11px}.page-heading h1{font-size:25px}.welcome-mark{font-size:29px}.welcome-banner{padding:25px}.banner-illustration{display:none}.welcome-banner h2{font-size:29px}.stats-row>div{grid-template-columns:30px 1fr;column-gap:10px;padding:15px 12px}.stats-row .stat-icon{width:30px;height:35px}.stats-row .stat-icon svg{width:18px}.stats-row>div>span:last-child{font-size:8px}.stats-row strong{font-size:22px}.courses-grid{gap:17px}.course-description{min-height:55px}.course-art{height:160px;padding:18px 20px}.art-arabic{font-size:48px;top:46px;left:20px}.art-bottom{bottom:17px;left:20px;right:20px}.art-kicker{font-size:7px}.course-title h3{font-size:21px}.course-card-body{padding:18px 17px 0}.course-description{font-size:10px}.study-tip .text-button{display:none}.lesson-layout{grid-template-columns:minmax(0,1fr)}.lesson-sidebar{display:none}.course-hero{padding:28px}.course-hero>span{font-size:43px}.course-hero h1{font-size:34px}.quiz-card{gap:14px;padding:20px}.quiz-card .button{padding:10px 12px;font-size:10px}.quiz-card h3{font-size:14px}.login-form{padding:45px 35px}.login-story h1{font-size:42px}.login-story p:not(.eyebrow){font-size:13px}.login-logo{width:170px}.material-card{gap:25px;padding:25px}.material-card h2{font-size:20px}.pdf-cover{width:130px;height:180px;padding:20px 15px}.pdf-cover strong{font-size:11px}}@media (max-width:700px){.sidebar{width:250px;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-scrim{z-index:39;background:#08102566;border:0;display:block;position:fixed;inset:0}.brand img{width:178px}.main-column{width:100%;margin-left:0}.mobile-menu{width:25px;height:25px;color:var(--navy);z-index:20;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:23px;left:18px}.mobile-menu svg{width:20px}.topbar{height:71px;padding:0 20px 0 57px}.topbar>a{font-size:8px}.topbar strong,.topbar>div{font-size:10px}.main-content{padding:28px 20px 36px}.page-heading{margin-bottom:23px}.page-heading h1{font-size:24px}.page-heading>div>p:last-child{max-width:290px;font-size:11px}.eyebrow{font-size:8px}.welcome-mark{font-size:28px;display:none}.welcome-banner{min-height:auto;padding:26px 25px}.welcome-banner h2{font-size:26px;line-height:1.4}.welcome-banner p{font-size:11px}.welcome-banner .pill{font-size:8px}.stats-row{gap:8px;margin:18px 0 28px}.stats-row>div{flex-direction:column;align-items:flex-start;gap:6px;padding:14px 12px;display:flex}.stats-row>div>span:last-child{font-size:8px;line-height:1.4}.stats-row .stat-icon{border-radius:7px;width:29px;height:29px;margin-bottom:5px}.stats-row strong{font-size:22px}.stats-row strong small{font-size:12px}.section-heading h2{font-size:20px}.section-heading p{font-size:10px}.subtle-label{display:none}.courses-grid{grid-template-columns:1fr;gap:23px}.course-art{height:180px}.art-kicker{font-size:8px}.art-arabic{font-size:59px;top:48px}.course-card-body{padding:22px 23px 0}.course-description{max-width:100%;min-height:auto;font-size:12px}.teacher-line{font-size:11px}.progress-label{font-size:10px}.course-link{font-size:12px}.course-title h3{font-size:25px}.study-tip{margin-top:22px;padding:20px 17px}.study-tip p{font-size:10px}.footer{flex-direction:column;gap:5px;padding:20px;font-size:8px}.course-hero{padding:28px 24px}.course-hero h1{font-size:34px}.course-hero h1 span{font-size:17px}.course-hero>span{display:none}.hero-meta{flex-wrap:wrap;gap:15px}.course-progress-panel{gap:15px;padding:18px}.course-progress-panel strong{font-size:11px}.course-progress-panel p{font-size:9px}.course-progress-panel>.progress-track{width:27%}.lesson-row{gap:13px;padding:19px 15px}.lesson-number{width:35px;height:39px;font-size:13px}.lesson-row h3{max-width:220px;font-size:13px}.lesson-open{gap:0;font-size:0}.lesson-row p{flex-wrap:wrap;gap:5px;font-size:8px}.video-caption{margin-bottom:24px;font-size:8px}.lesson-title{font-size:25px}.lesson-actions{align-items:center;gap:15px}.lesson-actions .button{padding:10px;font-size:9px}.lesson-actions .teacher-line{font-size:10px}.tabs{gap:22px}.tabs button{font-size:10px}.tab-content{padding-top:25px}.tab-content>.button{font-size:11px}.material-card{align-items:flex-start;gap:21px;padding:22px 19px}.pdf-cover{gap:9px;width:106px;height:160px;padding:17px 12px}.pdf-cover svg{width:26px;height:26px}.pdf-cover strong{font-size:9px}.pdf-cover>span{font-size:7px}.pdf-cover small{font-size:5px}.material-card h2{margin-top:10px;font-size:18px}.material-card p{font-size:11px}.material-card .button{padding:10px 12px;font-size:10px}.material-card .pill{font-size:8px}.quiz-card{flex-wrap:wrap;align-items:flex-start;gap:14px;padding:21px}.quiz-card>div{width:calc(100% - 65px)}.quiz-card .button{margin-left:55px}.quiz-heading{gap:14px}.quiz-heading h2{font-size:19px}.quiz-heading p{font-size:11px}.quiz-heading .pill{font-size:8px}.quiz-result{gap:13px;padding:16px}.quiz-result strong{font-size:15px}.quiz-result>svg{flex-shrink:0;width:25px}.question legend{font-size:13px}.answer{font-size:12px}.progress-overview{align-items:flex-start;gap:21px;padding:23px}.progress-circle{width:80px;height:80px}.progress-circle span{width:66px;height:66px;font-size:23px}.progress-overview h2{font-size:18px}.progress-overview p{font-size:11px}.progress-overview>div>small{font-size:9px}.editor-form{padding:22px 18px}.form-two{grid-template-columns:1fr}.edit-question{padding:18px 13px}.admin-list article{gap:15px;padding:18px}.admin-list h3{font-size:13px}.admin-list .button{padding:9px;font-size:10px}.login-screen{grid-template-columns:1fr}.login-story{gap:30px;min-height:260px;padding:25px 30px}.login-story h1{margin:12px 0;font-size:31px}.login-story h1 br:nth-child(2){display:none}.login-story .eyebrow{font-size:7px}.login-story p:not(.eyebrow){max-width:310px;font-size:12px}.login-story small,.login-course-tags{display:none}.login-story .academy-link{font-size:10px}.login-form{max-width:470px;padding:35px 30px 40px}.login-logo{width:150px;margin-bottom:25px}.login-form h2{font-size:25px}.login-form>p{font-size:12px}.login-form form{gap:20px;margin-top:24px}.login-form .pill{font-size:9px}.login-foot{margin-bottom:20px}.toast{padding:12px 16px;font-size:11px;bottom:18px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.darul-brand{text-align:left;vertical-align:middle;align-items:center;gap:10px;display:inline-flex}.darul-mark{border-radius:50%;flex-shrink:0;width:53px;height:53px;display:block}.darul-wordmark{flex-direction:column;gap:3px;display:flex}.darul-wordmark strong{color:#163f3d;letter-spacing:-.8px;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:600;line-height:1.1}.darul-wordmark small{letter-spacing:4px;color:#9a803f;margin-left:2px;font-family:Manrope,Arial,sans-serif;font-size:9px;font-weight:650;line-height:1.2}.brand{margin-left:0;margin-right:0}.loading .darul-mark{width:65px;height:65px}.loading .darul-wordmark strong{font-size:30px}.login-logo{width:auto}.login-logo .darul-mark{width:66px;height:66px}.login-logo .darul-wordmark strong{font-size:31px}.login-logo .darul-wordmark small{letter-spacing:5px;font-size:11px}.login-logo .darul-brand{gap:14px}.login-story h1 em{color:#d5b577}.login-story .orb{border-color:#ffffff0d}.login-course-tags{color:#f4e8cf}.primary:hover{background:#9d7737}.navy:hover{background:#174a47}.sidebar nav button.active{color:#315f50;background:#edf4ef}.nav-count{color:#456c51;background:#dce9dd}.course-art{isolation:isolate;height:224px;padding:24px 27px;background:#103e3a!important}.course-cover{object-fit:cover;object-position:center;z-index:0;width:100%;height:100%;transition:transform .6s;position:absolute;inset:0}.course-art:hover .course-cover{transform:scale(1.035)}.course-art:after{content:"";z-index:1;background:linear-gradient(90deg,#041f1c73,#0000 75%);border:0;border-radius:0;width:100%;height:100%;position:absolute;inset:0;transform:none}.course-art .art-kicker,.course-art .art-arabic,.course-art .art-bottom{z-index:2}.course-art .art-arabic{color:#fff3d3;font-size:61px;top:67px}.art-kicker{color:#f8ebc8b8;letter-spacing:1.8px}.art-bottom>span:first-child{color:#fff4df;font-size:11px}.art-play{color:#fff1ce;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f2db9d20;border-color:#e8d4a552}.course-hero{isolation:isolate;background:#103e3a;position:relative;overflow:hidden}.course-hero.aqida{background:linear-gradient(90deg,#0c302fed,#0c302fc9),url(/assets/course-aqida.png) 50%/cover}.course-hero.fiqh{background:linear-gradient(90deg,#0c302fed,#0c302f99),url(/assets/course-fiqh.png) 50%/cover}.course-hero>span{color:#efdcae}.course-status{color:#617b54;background:#edf5ed}.lesson-row{gap:24px;padding:22px}.lesson-thumb{aspect-ratio:16/9;isolation:isolate;background:#123c39;border-radius:8px;flex-shrink:0;width:170px;position:relative;overflow:hidden}.lesson-thumb>img{object-fit:cover;object-position:68% 50%;width:100%;height:100%;transition:transform .4s;display:block}.lesson-row:hover .lesson-thumb>img{transform:scale(1.05)}.lesson-thumb:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(#0000 30%,#052a2c59);position:absolute;inset:0}.thumb-play{color:#315f50;z-index:1;background:#fff5e5ed;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #08282625}.thumb-number{color:#fff;z-index:1;background:#0d302bbd;border-radius:3px;justify-content:center;align-items:center;min-width:23px;height:18px;padding:0 5px;font-size:9px;display:flex;position:absolute;bottom:6px;left:7px}.thumb-number.done{background:#467d58}.lesson-open{color:#a3833d}.sidebar-lesson-thumb{object-fit:cover;object-position:75% center;border-radius:5px;flex-shrink:0;width:48px;height:36px}.lesson-sidebar>button>svg{display:none}.lesson-sidebar>button{gap:9px;padding:11px 8px}.lesson-sidebar>button.current{color:#5e7750;background:#f0f4ec}.lesson-sidebar>button.current strong{color:#41654e}.quiz-image{background:#0f3530;border-radius:7px;flex-shrink:0;width:90px;height:62px;overflow:hidden}.quiz-image>img{object-fit:cover;object-position:75% center;width:100%;height:100%}.video-player{background:#0b2928;position:relative}.video-poster{isolation:isolate;text-align:left;color:#fff;background:#0d302d;border:0;width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden}.video-poster>img{object-fit:cover;z-index:0;width:100%;height:100%;transition:transform .65s;position:absolute;inset:0}.video-poster:hover>img{transform:scale(1.025)}.video-poster:after{content:"";z-index:1;background:linear-gradient(90deg,#06251fd9 0%,#06251f88 40%,#0000 82%),linear-gradient(#0000 40%,#06251f33);position:absolute;inset:0}.poster-brand{z-index:3;position:absolute;top:7%;left:6%}.poster-brand .darul-mark{width:34px;height:34px}.poster-brand .darul-wordmark strong{color:#fff5e1;letter-spacing:-.5px;font-size:18px}.poster-brand .darul-wordmark small{letter-spacing:3px;color:#dbc68e;font-size:6px}.poster-brand .darul-brand{gap:8px}.poster-heading{z-index:3;flex-direction:column;gap:12px;max-width:55%;display:flex;position:absolute;bottom:17%;left:6%}.poster-heading>span{letter-spacing:1.5px;text-transform:uppercase;color:#d5bc7a;font-size:9px;font-weight:650}.poster-heading>strong{letter-spacing:-1px;color:#fff7e9;text-wrap:balance;font:700 clamp(18px,2.3vw,36px)/1.28 Manrope,Arial,sans-serif}.poster-heading>small{color:#e2d8c8;font-size:10px}.poster-play{z-index:3;white-space:nowrap;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:52%;left:77%;transform:translate(-50%,-50%)}.poster-play>span{color:#41604d;background:#fffaecf0;border:1px solid #fff5db;border-radius:50%;place-items:center;width:66px;height:66px;transition:transform .2s;display:grid;box-shadow:0 0 0 9px #f0d99d26,0 6px 20px #052b2144}.video-poster:hover .poster-play>span{transform:scale(1.08)}.poster-play>span>svg{margin-left:3px}.poster-play>small{color:#fff7e5;letter-spacing:.4px;text-shadow:0 1px 6px #001e1c;font-size:9px}.quiz-card .eyebrow,.page-heading .eyebrow{color:#8c743d}.welcome-banner em{color:#a27a3b}.welcome-banner{background:linear-gradient(110deg,#f4f3e9,#fcfaf4);border-color:#e6e5d6}.pill{color:#8b743a;background:#faf6e9;border-color:#e6ddc4}.live-dot{background:#aa8e4d}.study-arch{color:#617759;background:linear-gradient(145deg,#f8f7ec,#dedec7);border-color:#b8bd99;box-shadow:8px 10px #e5e4d2}.study-arch:before{border-color:#c8cba9}.floating-label svg{color:#9a955f}.course-link,.tabs button.selected{color:#8d753e}.peach{color:#a18c52;background:#f3f0e3}.question legend>span{color:#9b8747}.answer.chosen{background:#faf8ee;border-color:#c9bc8b}.login-form .pill{color:#8d753e}@media (min-width:1500px){.course-art{height:250px}}@media (max-width:1150px){.brand .darul-mark{width:46px;height:46px}.brand .darul-wordmark strong{font-size:21px}.brand .darul-brand{gap:8px}.course-art{height:202px}.course-art .art-arabic{font-size:56px;top:60px}.lesson-thumb{width:150px}.poster-play>span{width:55px;height:55px}.poster-heading{gap:9px}.poster-heading>strong{font-size:27px}}@media (max-width:900px){.brand .darul-mark{width:41px;height:41px}.brand .darul-wordmark strong{font-size:19px}.brand .darul-wordmark small{letter-spacing:3px;font-size:7px}.course-art{height:190px}.course-art .art-arabic{font-size:52px;top:55px}.lesson-thumb{width:130px}.poster-heading>strong{font-size:30px}}@media (max-width:700px){.brand .darul-mark{width:53px;height:53px}.brand .darul-wordmark strong{font-size:24px}.brand .darul-wordmark small{letter-spacing:4px;font-size:9px}.course-art{height:225px}.course-art .art-kicker{font-size:8px;top:22px;left:23px}.course-art .art-arabic{font-size:62px;top:67px;left:23px}.course-art .art-bottom{bottom:23px;left:23px;right:23px}.lesson-row{gap:14px;padding:17px 13px}.lesson-thumb{width:115px}.lesson-row h3{max-width:none;font-size:13px}.lesson-row .lesson-open{display:none}.lesson-row p{font-size:8px}.thumb-play{width:25px;height:25px}.thumb-play svg{width:13px;height:13px}.thumb-number{height:15px;font-size:8px;bottom:4px;left:5px}.quiz-image{width:82px;height:59px}.quiz-card>div:not(.quiz-image){width:calc(100% - 98px)}.quiz-card .button{margin-left:96px}.poster-heading{gap:7px;max-width:59%;bottom:15%;left:6%}.poster-heading>strong{letter-spacing:-.6px;font-size:22px;line-height:1.3}.poster-heading>span{letter-spacing:1px;font-size:6px}.poster-heading>small{font-size:7px}.poster-play{gap:8px;top:55%;left:80%}.poster-play>span{width:43px;height:43px;box-shadow:0 0 0 5px #f0d99d26}.poster-play>span>svg{width:19px;height:19px}.poster-play>small{font-size:6px}.poster-brand .darul-mark{width:25px;height:25px}.poster-brand .darul-wordmark strong{font-size:13px}.poster-brand .darul-wordmark small{letter-spacing:2px;font-size:5px}.poster-brand .darul-brand{gap:5px}.login-logo .darul-mark{width:52px;height:52px}.login-logo .darul-wordmark strong{font-size:26px}.login-logo .darul-wordmark small{letter-spacing:4px;font-size:9px}.login-logo .darul-brand{gap:11px}}.course-art .art-kicker{z-index:3;position:absolute;top:22px;left:27px}@media (max-width:700px){.course-art .art-kicker{top:22px;left:23px}}