:root{--desert-sand:#f7f3eb;--desert-sand-card:#fff;--desert-dune:#eadbc8;--desert-gold:#c29653;--desert-gold-hover:#a87d3b;--desert-terracotta:#a35839;--desert-night:#1f1b16;--desert-muted:#6b6255;--font-quranic:"Amiri", serif;--font-body:"Plus Jakarta Sans", sans-serif}html,body{background-color:var(--desert-sand);color:var(--desert-night);font-family:var(--font-body)}#root{background-color:var(--desert-sand);color:var(--desert-night);font-family:var(--font-body);max-width:100%;overflow-x:clip}.font-quranic{font-family:var(--font-quranic)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.navbar-desert{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--desert-dune);background:#f7f3ebeb;z-index:1060!important}.brand-icon{background:var(--desert-gold);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:inline-flex}.nav-link{color:var(--desert-night);font-weight:500;transition:color .2s}.hero-section{padding:5rem 0 4rem;position:relative}.badge-desert{background-color:var(--desert-dune);color:var(--desert-terracotta);letter-spacing:.5px;border-radius:50px;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.btn-desert-primary{background-color:var(--desert-terracotta);color:#fff;border:none;border-radius:10px;padding:.8rem 1.8rem;font-weight:600;transition:all .3s}.btn-desert-primary:hover{color:#fff;background-color:#8c472a;transform:translateY(-2px);box-shadow:0 8px 18px #a3583940}.btn-desert-outline{border:1.5px solid var(--desert-gold);color:var(--desert-night);background:0 0;border-radius:10px;padding:.8rem 1.8rem;font-weight:600;transition:all .3s}.btn-desert-outline:hover{background-color:var(--desert-gold);color:#fff;border-color:var(--desert-gold)}.hero-section .verse-card{color:var(--desert-sand);background:linear-gradient(135deg,#2a241e 0%,#17130f 100%);border:1px solid #c296534d;border-radius:20px;position:relative;overflow:hidden}.hero-section .verse-card:after{content:"۞";color:#c296530d;font-size:10rem;font-family:var(--font-quranic);position:absolute;bottom:-40px;right:-20px}.arch-card{background:var(--desert-sand-card);border:1px solid var(--desert-dune);text-align:center;border-radius:36px 36px 16px 16px;padding:2.2rem 1.5rem;transition:all .3s;position:relative}.arch-card:hover{border-color:var(--desert-gold);transform:translateY(-6px);box-shadow:0 12px 24px #1f1b160f}.arch-icon-wrap{width:60px;height:60px;color:var(--desert-terracotta);background:#c296531f;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.25rem;font-size:1.6rem;display:inline-flex}.daily-tracker-card{background:var(--desert-sand-card);border:1px solid var(--desert-dune);border-radius:16px;padding:1.5rem}footer{background-color:var(--desert-night);color:var(--desert-dune);padding:4rem 0 2rem}footer a{color:var(--desert-dune);text-decoration:none;transition:color .2s}footer a:hover{color:var(--desert-gold)}.nav-link:hover,.nav-link.active{color:var(--desert-terracotta)}.courses-header-banner{color:var(--desert-sand);background:linear-gradient(135deg,#2a241e 0%,#17130f 100%);border:1px solid #c2965340;border-radius:24px;padding:2rem 1.5rem;position:relative;overflow:hidden}.courses-header-banner:after{content:"العلم";color:#c296530d;font-size:9rem;font-family:var(--font-quranic);pointer-events:none;position:absolute;bottom:-30px;right:20px}.search-input-group input{box-shadow:none;border:none;font-size:.95rem}.search-input-group input:focus{box-shadow:none;outline:none}.filter-pill-btn{border:1px solid var(--desert-dune);color:var(--desert-night);white-space:nowrap;background:#fff;border-radius:30px;padding:.45rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .2s}.filter-pill-btn.active,.filter-pill-btn:hover{background:var(--desert-terracotta);color:#fff;border-color:var(--desert-terracotta)}.course-card{background:var(--desert-sand-card);border:1px solid var(--desert-dune);border-radius:28px 28px 18px 18px;flex-direction:column;height:100%;transition:all .3s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;overflow:hidden}.course-card:hover{border-color:var(--desert-gold);transform:translateY(-6px);box-shadow:0 14px 28px #1f1b1617}.course-thumb-container{border-bottom:1px solid var(--desert-dune);background:linear-gradient(135deg,#2a241e 0%,#3d332b 100%);justify-content:center;align-items:center;height:180px;display:flex;position:relative}.course-thumb-icon{width:70px;height:70px;color:var(--desert-gold);background:#c2965333;border:1px solid #c2965366;border-radius:20px;justify-content:center;align-items:center;font-size:2.2rem;transition:transform .3s;display:flex}.course-card:hover .course-thumb-icon{background:var(--desert-terracotta);color:#fff;border-color:var(--desert-terracotta);transform:scale(1.1)rotate(5deg)}.level-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:8px;padding:.3rem .75rem;font-size:.72rem;font-weight:700;position:absolute;top:15px;left:15px}.badge-beginner{color:#fff;background:#2e7d32e6}.badge-intermediate{color:#fff;background:#c29653f2}.badge-advanced{color:#fff;background:#a35839f2}.badge-all-levels{color:var(--desert-dune);background:#1f1b16d9}.course-arabic-tag{font-family:var(--font-quranic);color:#f7f3ebd9;font-size:1.4rem;position:absolute;bottom:12px;right:15px}.course-body{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.course-meta{color:var(--desert-muted);align-items:center;gap:1rem;margin-bottom:.75rem;font-size:.8rem;display:flex}.instructor-avatar{background:var(--desert-dune);width:28px;height:28px;color:var(--desert-terracotta);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.featured-program-card{background:var(--desert-sand-card);border:1px solid var(--desert-dune);background-image:radial-gradient(var(--desert-dune) .8px, transparent .8px);background-size:18px 18px;border-radius:24px;padding:2.2rem;position:relative}.breadcrumb-item a{color:var(--desert-muted);font-weight:500;text-decoration:none}.breadcrumb-item a:hover{color:var(--desert-terracotta)}.breadcrumb-item.active{color:var(--desert-terracotta);font-weight:600}.course-hero-banner{color:var(--desert-sand);background:linear-gradient(135deg,#2a241e 0%,#17130f 100%);border:1px solid #c2965340;border-radius:24px;padding:3rem 2rem;position:relative;overflow:hidden}.course-hero-banner:after{content:"أُصُولُ الفِقْهِ";color:#c296530d;font-size:8rem;font-family:var(--font-quranic);pointer-events:none;position:absolute;bottom:-30px;right:20px}.sticky-course-nav{z-index:1020;background:var(--desert-sand-card);border-bottom:1px solid var(--desert-dune);position:sticky;top:73px;box-shadow:0 4px 15px #00000008}.course-nav-link{color:var(--desert-muted);border-bottom:3px solid #0000;padding:.85rem 1.1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.course-nav-link:hover,.course-nav-link.active{color:var(--desert-terracotta);border-bottom-color:var(--desert-terracotta)}.detail-card{background:var(--desert-sand-card);border:1px solid var(--desert-dune);border-radius:20px;margin-bottom:2rem;padding:2rem}.outcome-box{background:var(--desert-sand);border:1px solid var(--desert-dune);border-radius:14px;align-items:start;gap:.85rem;height:100%;padding:1.2rem;display:flex}.outcome-icon{width:34px;height:34px;color:var(--desert-terracotta);background:#a358391f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.accordion-item{background-color:var(--desert-sand-card);border:1px solid var(--desert-dune);margin-bottom:1rem;overflow:hidden;border-radius:14px!important}.accordion-button{background-color:var(--desert-sand);color:var(--desert-night);padding:1.25rem 1.5rem;font-weight:700;box-shadow:none!important}.accordion-button:not(.collapsed){color:var(--desert-terracotta);background-color:#c296531f}.accordion-button:after{filter:sepia()hue-rotate(350deg)saturate(300%)}.lesson-row{border-bottom:1px solid var(--desert-sand);align-items:center;justify-content:justify-between;padding:.9rem 1.25rem;transition:background .2s;display:flex}.lesson-row:last-child{border-bottom:none}.lesson-row:hover{background-color:#f7f3eb99}.scholar-avatar{background:linear-gradient(135deg, var(--desert-terracotta), var(--desert-gold));color:#fff;border:3px solid var(--desert-sand-card);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:2.2rem;font-weight:700;display:flex;box-shadow:0 6px 16px #0000001a}.sticky-enroll-card{background:var(--desert-sand-card);border:1px solid var(--desert-dune);border-radius:24px;padding:2rem;position:sticky;top:140px;box-shadow:0 12px 30px #1f1b160f}.video-preview-frame{height:190px;color:var(--desert-sand);background:linear-gradient(135deg,#2a241e 0%,#17130f 100%);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex;position:relative;overflow:hidden}.btn-play-preview{background:var(--desert-terracotta);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:1.6rem;transition:transform .2s;display:flex;box-shadow:0 0 20px #a3583980}.btn-play-preview:hover{background:var(--desert-gold);transform:scale(1.1)}.hadith-header-banner{color:var(--desert-sand);background:linear-gradient(135deg,#2a241e 0%,#17130f 100%);border:1px solid #c2965340;border-radius:24px;padding:2rem 1.5rem;position:relative;overflow:hidden}.hadith-header-banner:after{content:"الحديث";color:#c296530d;font-size:8rem;font-family:var(--font-quranic);pointer-events:none;position:absolute;bottom:-30px;right:25px}.filter-btn{border:1px solid var(--desert-dune);color:var(--desert-night);white-space:nowrap;background:#fff;border-radius:30px;padding:.45rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .2s}.filter-btn.active,.filter-btn:hover{background:var(--desert-terracotta);color:#fff;border-color:var(--desert-terracotta)}.book-card{background:var(--desert-sand-card);border:1px solid var(--desert-dune);color:inherit;border-radius:20px;flex-direction:column;height:100%;padding:1.6rem;text-decoration:none;transition:all .28s cubic-bezier(.165,.84,.44,1);display:flex;position:relative}.book-card:hover{border-color:var(--desert-gold);color:inherit;transform:translateY(-5px);box-shadow:0 12px 24px #1f1b1614}.book-emblem{width:48px;height:48px;color:var(--desert-terracotta);background:#c296531f;border:1px solid #c296534d;border-radius:14px;justify-content:center;align-items:center;font-size:1.3rem;transition:all .25s;display:inline-flex}.book-card:hover .book-emblem{background:var(--desert-terracotta);color:#fff;border-color:var(--desert-terracotta)}.classification-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:8px;padding:.25rem .65rem;font-size:.72rem;font-weight:700}.badge-sahih{color:#2e7d32;background:#2e7d321f}.badge-sunan{color:#926a28;background:#c2965326}.badge-compilation{color:var(--desert-terracotta);background:#a3583926}.hadith-spotlight-card{background:var(--desert-sand-card);border:1px solid var(--desert-dune);background-image:radial-gradient(var(--desert-dune) .8px, transparent .8px);background-size:18px 18px;border-radius:20px;padding:2rem;position:relative}.book-header-banner{color:var(--desert-sand);background:linear-gradient(135deg,#2a241e 0%,#17130f 100%);border:1px solid #c2965340;border-radius:24px;padding:1.75rem 1.5rem;position:relative;overflow:hidden}.book-header-banner:after{content:attr(data-arabic-name);color:#c296530d;font-size:8rem;font-family:var(--font-quranic);pointer-events:none;white-space:nowrap;position:absolute;bottom:-30px;right:20px}.stat-pill{background:#ffffff14;border:1px solid #c296534d;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:inline-flex}.search-input-group{border:1px solid var(--desert-dune);background:#fff;border-radius:14px;padding:.35rem .6rem;box-shadow:0 4px 15px #0000000a}.chapter-card{background:var(--desert-sand-card);border:1px solid var(--desert-dune);color:inherit;border-radius:18px;flex-direction:column;justify-content:space-between;height:100%;padding:1.25rem 1.4rem;text-decoration:none;transition:all .25s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;overflow:hidden}.chapter-card:hover{border-color:var(--desert-gold);color:inherit;transform:translateY(-4px);box-shadow:0 10px 22px #1f1b1614}.chapter-card:before{content:"";background:0 0;border-radius:18px 0 0 18px;width:4px;height:100%;transition:background .2s;position:absolute;top:0;left:0}.chapter-card:hover:before{background:var(--desert-terracotta)}.chapter-number-badge{background:var(--desert-sand);border:1px solid var(--desert-dune);width:44px;height:44px;color:var(--desert-terracotta);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;transition:all .25s;display:inline-flex;transform:rotate(45deg)}.chapter-number-badge span{transform:rotate(-45deg)}.chapter-card:hover .chapter-number-badge{background:var(--desert-terracotta);color:#fff;border-color:var(--desert-terracotta)}.hadith-range-tag{color:#8c6527;white-space:nowrap;background:#c296531f;border:1px solid #c2965340;border-radius:20px;padding:.25rem .65rem;font-size:.75rem;font-weight:600}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.section-category-header{color:var(--desert-terracotta);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem;font-weight:700;display:flex}.section-category-header:after{content:"";background:var(--desert-dune);flex-grow:1;height:1px}.sticky-reader-bar{border-bottom:1px solid var(--desert-dune);transition:top .2s;position:sticky;top:63px;box-shadow:0 4px 15px #00000008;z-index:1040!important;background:var(--desert-sand-card)!important}@media (width>=992px){.sticky-reader-bar{top:75px}}.sticky-filter-bar{z-index:1010;border-bottom:1px solid #c2965326;padding-top:.5rem;padding-bottom:.5rem;transition:top .2s;position:sticky;top:63px;background-color:var(--desert-sand)!important}@media (width>=992px){.sticky-filter-bar{top:75px}}.surah-select-dropdown{z-index:1050;border:1px solid var(--desert-dune);background-color:#fff;border-radius:8px;width:280px;max-height:215px;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #1f1b161f}@media (width<=480px){.surah-select-dropdown{width:260px;left:-35px;transform:none}}.settings-dropdown{z-index:1050;border:1px solid var(--desert-dune);background-color:#fff;border-radius:8px;width:260px;position:absolute;top:100%;right:0;box-shadow:0 10px 25px #1f1b161f}.reader-btn{background:var(--desert-sand);border:1px solid var(--desert-dune);color:var(--desert-night);border-radius:10px;padding:.4rem .85rem;font-size:.85rem;font-weight:600;transition:all .2s}.reader-btn:hover{background:var(--desert-gold);color:#fff;border-color:var(--desert-gold)}.chapter-banner{color:var(--desert-sand);background:linear-gradient(135deg,#2a241e 0%,#17130f 100%);border:1px solid #c296534d;border-radius:24px;padding:1.75rem 1.5rem;position:relative;overflow:hidden}.chapter-banner:after{content:attr(data-arabic-name);color:#c296530d;font-size:8rem;font-family:var(--font-quranic);pointer-events:none;white-space:nowrap;position:absolute;bottom:-20px;right:20px}.bab-header-card{border:1px solid var(--desert-dune);border-left:5px solid var(--desert-terracotta);background:linear-gradient(90deg,#c296531f 0%,#f7f3eb80 100%);border-radius:16px;margin-top:2.5rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.hadith-card{background:var(--desert-sand-card);border:1px solid var(--desert-dune);border-radius:20px;margin-bottom:1.5rem;padding:2rem 1.75rem;transition:border-color .2s,box-shadow .2s;position:relative}.hadith-card:hover{border-color:var(--desert-gold);box-shadow:0 8px 20px #1f1b160d}.hadith-card.highlighted{border-left:4px solid var(--desert-terracotta);background:#fffdf9}.hadith-number-badge{background:var(--desert-sand);border:1px solid var(--desert-dune);width:44px;height:44px;color:var(--desert-terracotta);border-radius:12px;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:inline-flex;transform:rotate(45deg)}.hadith-number-badge span{transform:rotate(-45deg)}.isnad-pill{color:#8c6225;background:#c2965314;border:1px solid #c2965340;border-radius:30px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.82rem;font-weight:600;display:inline-flex}.grade-badge-sahih{color:#2e7d32;text-transform:uppercase;background:#2e7d321f;border:1px solid #2e7d324d;border-radius:8px;padding:.3rem .75rem;font-size:.75rem;font-weight:700}.hadith-arabic-text{font-family:var(--font-quranic);color:var(--desert-night);text-align:justify;word-spacing:3px;direction:rtl;font-size:2.1rem;line-height:2.3}.hadith-translation{color:var(--desert-night);text-align:justify;font-size:1.05rem;line-height:1.7}.hadith-action-btn{color:var(--desert-muted);background:0 0;border:none;border-radius:8px;padding:.35rem .65rem;font-size:1.1rem;transition:all .2s}.hadith-action-btn:hover{color:var(--desert-terracotta);background:var(--desert-sand)}.sharh-box{background:var(--desert-sand);border:1px dashed var(--desert-dune);color:var(--desert-muted);border-radius:14px;margin-top:1.25rem;padding:1.25rem 1.5rem;font-size:.95rem}.audio-player-bar{background:var(--desert-night);color:var(--desert-sand);z-index:1040;border-top:2px solid var(--desert-gold);padding:.8rem 1.5rem;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0003}.btn-play-main{background:var(--desert-gold);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;transition:transform .2s,background-color .2s;display:inline-flex}.btn-play-main:hover{background:var(--desert-terracotta);transform:scale(1.05)}.lesson-header-card{color:var(--desert-sand);background:linear-gradient(135deg,#2a241e 0%,#17130f 100%);border:1px solid #c2965340;border-radius:20px;padding:1.75rem 2rem;position:relative;overflow:hidden}.lesson-header-card:after{content:"الحُكْمُ الشَّرْعِيُّ";color:#c296530d;font-size:5.5rem;font-family:var(--font-quranic);pointer-events:none;position:absolute;bottom:-20px;right:20px}.video-viewport{height:400px;color:var(--desert-sand);background:linear-gradient(135deg,#1f1b16 0%,#0f0d0a 100%);border:1px solid #c296534d;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000026}.btn-play-hero{background:var(--desert-terracotta);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;font-size:1.8rem;transition:transform .25s;display:flex;box-shadow:0 0 25px #a3583980}.btn-play-hero:hover{background:var(--desert-gold);transform:scale(1.08)}.quran-proof-card{color:var(--desert-sand);background:linear-gradient(135deg,#2a241e 0%,#17130f 100%);border:1px solid #c296534d;border-radius:18px;margin-bottom:1.5rem;padding:1.75rem;position:relative;overflow:hidden}.quran-proof-card .quran-arabic-text{font-family:var(--font-quranic);color:#fff;text-align:right;direction:rtl;font-size:2rem;line-height:2.2}.hadith-proof-card{background:var(--desert-sand-card);border:1px solid var(--desert-dune);border-left:5px solid var(--desert-terracotta);border-radius:18px;margin-bottom:1.5rem;padding:1.75rem}.hadith-arabic-text{font-family:var(--font-quranic);color:var(--desert-night);text-align:justify;direction:rtl;font-size:1.85rem;line-height:2.2}.quiz-card{background:var(--desert-sand-card);border:1px solid var(--desert-dune);border-radius:18px;margin-bottom:1.5rem;padding:1.75rem}.quiz-option{background:var(--desert-sand);border:1px solid var(--desert-dune);cursor:pointer;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:.65rem;padding:.85rem 1.1rem;font-weight:500;transition:all .2s;display:flex}.quiz-option:hover{border-color:var(--desert-gold);color:var(--desert-terracotta);background:#fffdf9}.quiz-option.selected{border-color:var(--desert-terracotta);color:var(--desert-terracotta);background:#a358391f;font-weight:700}.vocab-chip{color:#8c6225;background:#c296531f;border:1px solid #c296534d;border-radius:10px;padding:.5rem .85rem;font-size:.85rem}.curriculum-sidebar-card{background:var(--desert-sand-card);border:1px solid var(--desert-dune);border-radius:20px;position:sticky;top:90px;overflow:hidden;box-shadow:0 10px 24px #1f1b160d}.lesson-item{border-bottom:1px solid var(--desert-sand);color:var(--desert-night);justify-content:space-between;align-items:center;padding:.9rem 1.2rem;text-decoration:none;transition:all .2s;display:flex}.lesson-item:hover{background-color:var(--desert-sand);color:var(--desert-terracotta)}.lesson-item.active{border-left:4px solid var(--desert-terracotta);background-color:#c2965326;font-weight:700}.nav-tabs .nav-link{color:var(--desert-muted);border:none;border-bottom:3px solid #0000;padding:.85rem 1.2rem;font-weight:600}.nav-tabs .nav-link.active{color:var(--desert-terracotta);border-bottom-color:var(--desert-terracotta);background:0 0}.lecture-video-theater{aspect-ratio:16/9;background:linear-gradient(135deg,#17130f 0%,#2a241e 100%);border:1px solid #c296534d;border-radius:24px;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 36px #1f1b1626}.lecture-video-theater:before{content:var(--lesson-watermark,"الإِسْلَامُ وَالإِيمَانُ");color:#c296530a;font-size:9rem;font-family:var(--font-quranic);pointer-events:none;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.player-overlay-center{text-align:center;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-play-theater{background:var(--desert-terracotta);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;font-size:2rem;transition:all .3s;display:inline-flex;box-shadow:0 0 25px #a3583999}.btn-play-theater:hover{background:var(--desert-gold);transform:scale(1.1)}.player-controls-strip{z-index:3;background:linear-gradient(#0000,#0f0c09f2);padding:1rem 1.5rem}.module-card{background:var(--desert-sand-card);border:1px solid var(--desert-dune);border-radius:20px;margin-bottom:2rem;padding:2rem}.matn-quote-box{background:var(--desert-sand);border:1px solid var(--desert-dune);border-right:5px solid var(--desert-gold);border-radius:16px;margin:1.5rem 0;padding:1.5rem 1.75rem;position:relative}.nav-tabs-desert{border-bottom:2px solid var(--desert-dune);gap:.5rem}.nav-tabs-desert .nav-link{color:var(--desert-muted);background:0 0;border:none;border-bottom:3px solid #0000;padding:.8rem 1.25rem;font-weight:600;transition:all .2s}.nav-tabs-desert .nav-link:hover{color:var(--desert-terracotta);border-bottom-color:#a3583966}.nav-tabs-desert .nav-link.active{color:var(--desert-terracotta);border-bottom-color:var(--desert-terracotta);background:0 0}.table-glossary th{background-color:var(--desert-sand);color:var(--desert-terracotta);border-color:var(--desert-dune);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:700}.table-glossary td{border-color:var(--desert-dune);vertical-align:middle;font-size:.92rem}.sidebar-playlist{background:var(--desert-sand-card);border:1px solid var(--desert-dune);border-radius:20px;position:sticky;top:90px;overflow:hidden}.playlist-item{border-bottom:1px solid var(--desert-sand);color:inherit;align-items:center;gap:.85rem;padding:1rem 1.25rem;text-decoration:none;transition:all .2s;display:flex}.playlist-item:last-child{border-bottom:none}.playlist-item:hover{color:var(--desert-terracotta);background-color:#f7f3ebb3}.playlist-item.active{border-left:4px solid var(--desert-terracotta);background-color:#c296531f}.lesson-badge-num{background:var(--desert-sand);border:1px solid var(--desert-dune);width:32px;height:32px;color:var(--desert-night);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:inline-flex}.playlist-item.active .lesson-badge-num{background:var(--desert-terracotta);color:#fff;border-color:var(--desert-terracotta)}.surah-header-banner{color:var(--desert-sand);background:linear-gradient(135deg,#2a241e 0%,#17130f 100%);border:1px solid #c2965340;border-radius:24px;padding:2rem 1.5rem;position:relative;overflow:hidden}.surah-header-banner:after{content:"القرآن الكريم";color:#c296530a;font-size:7.5rem;font-family:var(--font-quranic);pointer-events:none;white-space:nowrap;position:absolute;bottom:-40px;right:20px}.search-input-group{background:#fff;border-radius:14px;padding:.35rem .6rem;box-shadow:0 8px 24px #00000026}.filter-btn{border:1px solid var(--desert-dune);color:var(--desert-night);background:#fff;border-radius:30px;padding:.45rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .2s}.surah-card{background:var(--desert-sand-card);border:1px solid var(--desert-dune);color:inherit;border-radius:18px;padding:1.35rem;text-decoration:none;transition:all .25s cubic-bezier(.165,.84,.44,1);display:block;position:relative;overflow:hidden}.surah-card:hover{border-color:var(--desert-gold);color:inherit;transform:translateY(-4px);box-shadow:0 10px 22px #1f1b1614}.surah-card:before{content:"";background:0 0;width:4px;height:100%;transition:background .2s;position:absolute;top:0;left:0}.surah-card:hover:before{background:var(--desert-terracotta)}.surah-number-badge{background:var(--desert-sand);border:1px solid var(--desert-dune);width:44px;height:44px;color:var(--desert-terracotta);border-radius:12px;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;transition:all .25s;display:inline-flex;transform:rotate(45deg)}.surah-number-badge span{transform:rotate(-45deg)}.surah-card:hover .surah-number-badge{background:var(--desert-terracotta);color:#fff;border-color:var(--desert-terracotta)}.revelation-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:.2rem .6rem;font-size:.72rem;font-weight:600}.revelation-meccan{color:#926a28;background:#c2965326}.revelation-medinan{color:var(--desert-terracotta);background:#a3583926}.juz-quick-scroll{scrollbar-width:thin;gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.juz-pill{white-space:nowrap;border:1px solid var(--desert-dune);color:var(--desert-night);background:#fff;border-radius:20px;padding:.35rem .9rem;font-size:.8rem;font-weight:600;text-decoration:none}.juz-pill:hover{background:var(--desert-gold);color:#fff;border-color:var(--desert-gold)}.surah-banner{color:var(--desert-sand);background:linear-gradient(135deg,#2a241e 0%,#17130f 100%);border:1px solid #c296534d;border-radius:24px;padding:1.75rem 1.5rem;position:relative;overflow:hidden}.surah-banner:after{content:attr(data-arabic-name);color:#c296530d;font-size:8rem;font-family:var(--font-quranic);pointer-events:none;white-space:nowrap;position:absolute;bottom:-20px;right:20px}.bismillah-card{background:var(--desert-sand-card);border:1px solid var(--desert-dune);background-image:radial-gradient(var(--desert-dune) .75px, transparent .75px);background-size:16px 16px;border-radius:20px;padding:1.75rem 1rem;position:relative}.verse-card{background:var(--desert-sand-card);border:1px solid var(--desert-dune);border-radius:20px;margin-bottom:1.5rem;padding:2rem 1.75rem;transition:border-color .2s,box-shadow .2s;position:relative}.verse-card:hover{border-color:var(--desert-gold);box-shadow:0 8px 20px #1f1b160d}.verse-card.playing{border-left:5px solid var(--desert-terracotta)!important;border-color:var(--desert-terracotta)!important;background:#faf3ea!important;box-shadow:0 8px 24px #a3583924!important}.verse-card.playing .quran-arabic-text{transition:color .3s;color:var(--desert-terracotta)!important}.verse-card.playing .verse-transliteration{font-weight:600;color:var(--desert-terracotta)!important}.verse-card.playing .verse-number-badge{background:var(--desert-terracotta)!important;border-color:var(--desert-terracotta)!important;color:#fff!important}.playing-ayah-text{color:inherit;border-radius:0;padding:0;transition:all .3s;background-color:#0000!important}.verse-number-badge{background:var(--desert-sand);border:1px solid var(--desert-dune);width:42px;height:42px;color:var(--desert-terracotta);border-radius:12px;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:inline-flex;transform:rotate(45deg)}.verse-number-badge span{transform:rotate(-45deg)}.quran-arabic-text{font-family:var(--font-quranic);color:var(--desert-night);text-align:right;word-spacing:4px;direction:rtl;font-size:2.2rem;line-height:2.3}.verse-translation{color:var(--desert-night);font-size:1.05rem;line-height:1.7}.verse-transliteration{color:var(--desert-muted);font-size:.92rem;font-style:italic}.verse-action-btn{color:var(--desert-muted);background:0 0;border:none;border-radius:8px;padding:.35rem .6rem;font-size:1.1rem;transition:all .2s}.verse-action-btn:hover{color:var(--desert-terracotta);background:var(--desert-sand)}.tafsir-box{background:var(--desert-sand);border:1px dashed var(--desert-dune);color:var(--desert-muted);border-radius:14px;margin-top:1.25rem;padding:1.25rem;font-size:.95rem}.offcanvas{background-color:var(--desert-sand-card)}.track-hero-banner{color:var(--desert-sand);background:linear-gradient(135deg,#2a241e 0%,#17130f 100%);border:1px solid #c2965340;border-radius:24px;padding:3.5rem 2rem;position:relative;overflow:hidden}.track-hero-banner:after{content:"مَسَارُ التَّفْسِيرِ";color:#c296530d;font-size:8rem;font-family:var(--font-quranic);pointer-events:none;position:absolute;bottom:-30px;right:20px}.roadmap-container{padding-left:2.5rem;position:relative}.roadmap-container:before{content:"";background:linear-gradient(180deg, var(--desert-terracotta) 0%, var(--desert-gold) 60%, var(--desert-dune) 100%);border-radius:4px;width:3px;position:absolute;top:20px;bottom:20px;left:1.1rem}.roadmap-step{margin-bottom:2.5rem;position:relative}.roadmap-step:last-child{margin-bottom:0}.roadmap-marker{background:var(--desert-sand-card);border:3px solid var(--desert-terracotta);width:40px;height:40px;color:var(--desert-terracotta);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex;position:absolute;top:0;left:-2.5rem;box-shadow:0 4px 10px #00000014}.roadmap-step.completed .roadmap-marker{background:var(--desert-terracotta);color:#fff}.roadmap-card{background:var(--desert-sand-card);border:1px solid var(--desert-dune);border-radius:20px;padding:1.75rem;transition:all .25s}.roadmap-card:hover{border-color:var(--desert-gold);box-shadow:0 10px 24px #1f1b160f}.course-item-box{background:var(--desert-sand);border:1px solid var(--desert-dune);border-radius:14px;justify-content:space-between;align-items:center;margin-top:1rem;padding:1rem 1.25rem;transition:background .2s;display:flex}.course-item-box:hover{border-color:var(--desert-gold);background:#fffdf9}.quran-spotlight-box{color:var(--desert-sand);background:linear-gradient(135deg,#2a241e 0%,#17130f 100%);border:1px solid #c296534d;border-radius:20px;padding:2.2rem 2rem;position:relative;overflow:hidden}.quran-spotlight-box:after{content:"۞";color:#c296530d;font-size:10rem;font-family:var(--font-quranic);position:absolute;bottom:-40px;right:-20px}.quran-spotlight-box .quran-arabic-text{font-family:var(--font-quranic);color:#fff;text-align:right;direction:rtl;font-size:2.1rem;line-height:2.3}.mentor-card{background:var(--desert-sand-card);border:1px solid var(--desert-dune);border-radius:18px;align-items:center;gap:1rem;padding:1.25rem;display:flex}.mentor-avatar{background:linear-gradient(135deg, var(--desert-terracotta), var(--desert-gold));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.2rem;font-weight:700;display:flex}.sticky-track-card{background:var(--desert-sand-card);border:1px solid var(--desert-dune);border-radius:24px;padding:2rem;position:sticky;top:100px;box-shadow:0 12px 30px #1f1b160f}.form-check-input:checked{background-color:var(--desert-terracotta)!important;border-color:var(--desert-terracotta)!important}.form-check-input:focus{border-color:var(--desert-terracotta)!important;box-shadow:0 0 0 .25rem #a3583940!important}.form-check-input{border-color:var(--desert-dune);cursor:pointer}.form-range::-webkit-slider-thumb{background-color:var(--desert-terracotta)!important}.form-range::-moz-range-thumb{background-color:var(--desert-terracotta)!important}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 .25rem #a3583940!important}