.app-container{display:flex;flex-direction:column;min-height:100vh;max-width:1440px;margin:0 auto;padding:0 1rem}.hero-section{background:var(--gradient-primary);margin:1.5rem .5rem 1rem;border-radius:var(--radius);position:relative;overflow:hidden;padding:3rem 2rem;box-shadow:var(--shadow-lg);color:white;display:flex;justify-content:center;min-height:320px}.hero-content{position:relative;z-index:2;width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-logo{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.hero-logo i{font-size:2.5rem;color:white;text-shadow:0 2px 10px rgba(0,0,0,.2);animation:pulse 3s infinite ease-in-out}.logo-text{font-family:var(--font-primary);font-weight:700;font-size:2.5rem;letter-spacing:-.5px;color:white;text-shadow:0 2px 10px rgba(0,0,0,.2)}.primary-text{color:var(--accent-light);text-shadow:0 2px 10px rgba(0,0,0,.2)}.hero-subtitle{font-size:1.2rem;font-weight:300;margin-bottom:2rem;max-width:600px;opacity:.9;text-align:center}.hero-controls{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:600px}.hero-actions{display:flex;align-items:center;gap:1rem}.hero-decoration{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.decoration-circle{position:absolute;top:-20%;right:-10%;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.1);backdrop-filter:blur(5px);z-index:1;border:2px solid rgba(255,255,255,.15)}.decoration-circle::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.decoration-pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.07;background-image:repeating-linear-gradient(0deg,transparent,transparent 20px,rgba(255,255,255,.1) 20px,rgba(255,255,255,.1) 40px),repeating-linear-gradient(90deg,transparent,transparent 20px,rgba(255,255,255,.1) 20px,rgba(255,255,255,.1) 40px);background-size:80px 80px;z-index:0}.decoration-islamic-pattern{position:absolute;bottom:-5%;right:2%;width:300px;height:300px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIwLjE1IiBkPSJNMjUsMjVIMjI1TDEyNSwxMjVMMjUsMjUiLz48cGF0aCBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIwLjE1IiBkPSJNMjUsMjI1SDIyNUwxMjUsMTI1TDI1LDIyNSIvPjxwYXRoIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuMTUiIGQ9Ik0yMjUsMjVWMjI1TDEyNSwxMjVMMjI1LDI1Ii8+PHBhdGggZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iMC4xNSIgZD0iTTI1LDI1VjIyNUwxMjUsMTI1TDI1LDI1Ii8+PC9zdmc+");background-size:contain;background-repeat:no-repeat;background-position:center;z-index:0;transform:rotate(5deg);opacity:.12}.decoration-stars{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.2) 1px,transparent 2px),radial-gradient(circle at 40% 70%,rgba(255,255,255,.2) 1px,transparent 2px),radial-gradient(circle at 60% 20%,rgba(255,255,255,.2) 1px,transparent 2px),radial-gradient(circle at 80% 50%,rgba(255,255,255,.2) 1px,transparent 2px);background-size:200px 200px;z-index:0}.decoration-calligraphy{position:absolute;top:10%;right:5%;width:180px;height:180px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIwLjEiIGQ9Ik01MCwxMCBMOTAsNTAgTDUwLDkwIEwxMCw1MCBaIi8+PC9zdmc+");background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.15;z-index:0;transform:rotate(-5deg)}.hero-quote{margin:1.5rem 0 2rem;position:relative;max-width:600px;text-align:center;background:rgba(255,255,255,.1);padding:2rem;border-radius:var(--radius);box-shadow:0 5px 15px rgba(0,0,0,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.hero-quote::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIwLjA1IiBkPSJNMCwwIEwxMDAsMCBMMTAwLDEwMCBMMCwxMDAgWiIvPjxwYXRoIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuMDUiIGQ9Ik0yNSwyNSBMNzUsMjUgTDc1LDc1IEwyNSw3NSBaIi8+PC9zdmc+");background-size:50px 50px;opacity:.1;border-radius:var(--radius);z-index:-1}.quote-icon{color:var(--accent-light);font-size:1.8rem;opacity:.8;margin-bottom:.5rem;display:block;text-shadow:0 2px 5px rgba(0,0,0,.2)}.hero-quote blockquote{font-family:var(--font-primary);font-size:1.4rem;line-height:1.5;font-weight:500;font-style:italic;color:white;margin:0;padding:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.quote-narrator{display:block;margin-top:1rem;font-size:.95rem;color:rgba(255,255,255,.9);font-weight:400;position:relative;padding-top:1rem}.quote-narrator::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:50px;height:1px;background:rgba(255,255,255,.3)}.topic-info-section{margin-top:2rem;margin-bottom:1.5rem;background:var(--hadith-bg);border-radius:var(--radius);padding:1.5rem;position:relative;border:1px solid var(--hadith-border);overflow:hidden}.topic-info-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBmaWxsPSIjMjNERTAwIiBvcGFjaXR5PSIwLjAzIiBkPSJNMjUsMjUgTDc1LDI1IEw3NSw3NSBMMjUsNzUgWiIvPjxwYXRoIGZpbGw9IiMyM0RFMDAiIG9wYWNpdHk9IjAuMDMiIGQ9Ik0wLDAgTDEwMCwwIEwxMDAsMTAwIEwwLDEwMCBaIi8+PC9zdmc+");background-size:30px 30px;opacity:.5;pointer-events:none}.topic-info-section .sidebar-title{position:relative;margin-bottom:1.2rem;display:flex;align-items:center;gap:.5rem}.topic-info-section .sidebar-title::before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:1rem;color:var(--primary-color);opacity:.8}.topic-info-text{font-size:.95rem;line-height:1.6;color:var(--text-color);position:relative;margin-bottom:.8rem;word-spacing:.05rem;letter-spacing:.01rem;text-align:left;hyphens:auto}.topic-info-highlight{font-weight:600;color:var(--primary-dark);display:inline-block}.topic-info-section .learn-more-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;border-radius:var(--radius-sm);background:var(--primary-color);color:white;font-size:.85rem;font-weight:500;transition:var(--transition);border:none;cursor:pointer}.topic-info-section .learn-more-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.topic-info-section .learn-more-btn i{font-size:.8rem}.search-container{position:relative;width:100%}.search-btn{position:absolute;right:1.2rem;left:auto;top:50%;transform:translateY(-50%);background:0 0;border:none;color:white;cursor:pointer;font-size:1.2rem;transition:var(--transition)}.search-btn:hover{transform:translateY(-50%) scale(1.1)}.search-btn i{transition:transform .2s ease}.search-btn:hover i{transform:scale(1.1)}[dir=rtl] .search-btn{right:auto;left:1.2rem}[dir=rtl] .search-btn i{transform-origin:center}[dir=rtl] .search-btn:hover i{transform:scale(1.1)}.language-switcher{display:flex;gap:.5rem;background:rgba(255,255,255,.15);padding:.5rem;border-radius:var(--radius-lg);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);margin:0 auto}.lang-btn{padding:.5rem 1rem;border:none;border-radius:var(--radius-lg);background-color:transparent;color:white;font-family:var(--font-secondary);font-weight:500;cursor:pointer;transition:var(--transition)}.lang-btn.active{background-color:var(--accent-color);color:white;box-shadow:var(--shadow-sm)}.lang-btn:hover:not(.active){background-color:rgba(255,255,255,.1)}.theme-toggle{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.1);color:white;font-size:1.3rem;cursor:pointer;transition:var(--transition);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;backdrop-filter:blur(10px)}.theme-toggle:hover{background-color:rgba(255,255,255,.25);transform:rotate(15deg)}.alphabet-filter-section{margin-top:2rem;margin-bottom:2rem}.alphabet-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.alphabet-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);color:var(--text-color);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-weight:600;font-size:.9rem;box-shadow:var(--shadow-sm)}.alphabet-btn.active{background-color:var(--primary-color);color:white;box-shadow:var(--shadow)}.alphabet-btn:hover:not(.active){background-color:rgba(35,222,0,.1);transform:translateY(-3px)}.alphabet-btn[data-letter=all]{width:auto;padding:0 1rem}.main-content{display:flex;flex:1;padding:2rem 1rem;gap:2rem}.sidebar{width:280px;background-color:var(--card-bg);border-radius:var(--radius);padding:1.8rem;box-shadow:var(--shadow);height:fit-content;position:relative;transition:var(--transition);border-left:4px solid var(--primary-color)}.sidebar-sticky-container{position:sticky;top:6rem}.sidebar-title{font-family:var(--font-primary);font-size:1.3rem;margin-bottom:1.2rem;color:var(--primary-color);position:relative;padding-bottom:.5rem}.sidebar-title::after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background-color:var(--accent-color);border-radius:3px}.category-item i{font-size:1rem;color:var(--primary-color);transition:var(--transition)}.category-item:hover i{transform:scale(1.2)}.category-item.active{background-color:var(--primary-color);color:white;box-shadow:var(--shadow-sm)}.category-item.active i{color:white}.category-item.active::before{transform:scaleY(0)}.topics-filter select{padding:.6rem 1.2rem;border-radius:var(--radius-lg);border:none;background-color:var(--card-bg);color:var(--text-color);font-family:var(--font-secondary);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition)}.topics-filter select:focus{outline:none;box-shadow:0 0 0 2px var(--primary-light)}.featured-hadith{background:linear-gradient(135deg,rgba(35,222,0,.08) 0%,rgba(35,222,0,.15) 100%);border-radius:var(--radius-lg);margin-bottom:2rem;overflow:hidden;position:relative;box-shadow:var(--shadow);transition:var(--transition);border:1px solid rgba(35,222,0,.2);backdrop-filter:blur(10px);width:100%;max-width:100%}.featured-hadith:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(35,222,0,.2)}.featured-hadith::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath fill='%2323DE00' fill-opacity='0.05' d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5z'%3E%3C/path%3E%3C/svg%3E");opacity:.7;z-index:0}.featured-hadith-content{position:relative;z-index:1;padding:2rem;display:flex;flex-direction:column;gap:1rem}.featured-tag{align-self:flex-start;background:linear-gradient(135deg,#23de00 0%,#84ff69 100%);color:#004d00;font-weight:600;font-size:.85rem;padding:.5rem 1rem;border-radius:30px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 5px 15px rgba(35,222,0,.2);display:flex;align-items:center;gap:.5rem}.featured-tag::before{content:"";font-family:"Font Awesome 6 Free";font-weight:900}.quote-icon-small{position:absolute;top:0;left:0;font-size:1.2rem;color:#23de00;background:rgba(35,222,0,.1);width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:10px;box-shadow:0 5px 15px rgba(35,222,0,.2)}.featured-meta{display:flex;align-items:center;justify-content:space-between;margin-top:1rem}.featured-meta-left{display:flex;align-items:center;gap:8px}.featured-link{display:flex;align-items:center;gap:.5rem;color:#23de00;font-weight:600;text-decoration:none;transition:var(--transition);padding:.5rem 1rem;border-radius:30px;background:rgba(35,222,0,.05);border:1px solid rgba(35,222,0,.2);white-space:nowrap}.featured-link i{transition:transform .3s ease}.featured-link:hover{background:rgba(35,222,0,.1);transform:translateY(-3px)}.featured-link:hover i{transform:translateX(5px)}.topics-grid.list-view{grid-template-columns:1fr}.topics-grid.list-view .topic-card{flex-direction:row;align-items:stretch;height:auto;max-height:220px}.topics-grid.list-view .topic-image{width:30%;height:auto;min-height:100%}.topics-grid.list-view .topic-content{width:70%}.topics-grid.list-view .topic-card:not(:has(.topic-image)) .topic-content{width:100%}.hadiths-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.topic-card{position:relative;background:var(--hadith-bg);border-radius:var(--radius);overflow:hidden;transition:var(--transition);display:flex;flex-direction:column;box-shadow:var(--shadow);border:1px solid var(--hadith-border);transform:translateY(0);animation:fadeIn .6s ease forwards;height:100%}.topic-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:bottom right;transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:1}.topic-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.topic-card:hover::before{transform:scaleX(1);transform-origin:bottom left}.topic-image{height:180px;background-size:cover;background-position:center;background-repeat:no-repeat;transition:var(--transition)}.topic-card:hover .topic-image{transform:scale(1.05)}.topic-category{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:white;padding:.4rem .8rem;border-radius:var(--radius-lg);font-size:.8rem;font-weight:600;letter-spacing:.5px;box-shadow:var(--shadow-sm);z-index:2;transition:var(--transition)}.topic-card:hover .topic-category{background:linear-gradient(135deg,var(--accent-color),var(--accent-dark));transform:translateY(-3px)}.topic-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column;background:var(--card-bg);position:relative;z-index:2}.topic-title{font-family:var(--font-primary);font-weight:700;font-size:1.4rem;color:var(--text-color);margin-bottom:.8rem;transition:var(--transition);position:relative;display:inline-block}.topic-title::after{content:"";position:absolute;left:0;bottom:-5px;width:40px;height:3px;background:var(--accent-color);transition:width .3s ease}.topic-card:hover .topic-title{color:var(--primary-color);transform:translateX(3px)}.topic-card:hover .topic-title::after{width:80px;background:var(--accent-color)}.topic-description{font-size:.95rem;line-height:1.6;color:var(--text-light);margin-bottom:1.5rem;flex-grow:1;font-family:var(--font-secondary);transition:color .3s ease}.topic-meta{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:auto;font-size:.85rem;color:var(--text-light)}.topic-count{display:flex;align-items:center;gap:.4rem}.topic-count i{color:var(--accent-color)}.topic-link{margin-left:auto;color:var(--primary-color);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:var(--radius-sm);transition:var(--transition);position:relative;overflow:hidden}.topic-link::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(var(--primary-color),.1);transform:scaleX(0);transform-origin:right;transition:transform .3s ease;z-index:-1;border-radius:var(--radius-sm)}.topic-link:hover{color:var(--accent-color)}.topic-link:hover::before{transform:scaleX(1);transform-origin:left}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;margin-bottom:2rem}.pagination-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background-color:var(--card-bg);color:var(--text-color);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.pagination-btn:hover:not(:disabled){background-color:var(--primary-light);color:white;transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.page-numbers{display:flex;gap:.5rem}.page-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--card-bg);color:var(--text-color);cursor:pointer;transition:var(--transition);font-weight:500;box-shadow:var(--shadow-sm)}.page-number:hover:not(.active){background-color:rgba(74,125,222,.1);transform:translateY(-2px)}.page-number.active{background-color:var(--primary-color);color:white}.footer{background-color:var(--card-bg);padding:3rem 2rem 2rem;margin-top:auto;border-radius:var(--radius) var(--radius) 0 0;box-shadow:0 -4px 10px rgba(0,0,0,.05)}.footer-content{max-width:1200px;margin:0 auto}.footer-sections{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;margin-bottom:2rem}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-heading{font-family:var(--font-primary);font-size:1.2rem;color:var(--text-color);position:relative;padding-bottom:.8rem}.footer-heading::after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background-color:var(--primary-color);border-radius:2px}.footer-text{color:var(--text-light);font-size:.9rem;line-height:1.7}.footer-links-list{list-style:none;display:flex;flex-direction:column;gap:.8rem}.footer-links-list a{color:var(--text-light);text-decoration:none;transition:var(--transition);display:inline-block}.footer-links-list a:hover{color:var(--primary-color);transform:translateX(5px)}.social-icons{display:flex;gap:1rem}.social-icon{width:40px;height:40px;border-radius:50%;background-color:var(--bg-color);color:var(--text-color);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:var(--transition)}.social-icon:hover{background-color:var(--primary-color);color:white;transform:translateY(-5px)}.footer-bottom{border-top:1px solid var(--border-color);padding-top:1.5rem;text-align:center}.copyright{color:var(--text-light);font-size:.9rem}.scroll-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;border-radius:50%;background-color:var(--primary-color);color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:var(--transition);box-shadow:var(--shadow);z-index:99;border:none}.scroll-top.visible{opacity:1;visibility:visible}.scroll-top:hover{background-color:var(--primary-dark);transform:translateY(-5px)}.no-results{text-align:center;padding:3rem 1rem;color:var(--text-light);width:100%}.no-results i{font-size:3rem;margin-bottom:1rem;opacity:.6;color:var(--primary-color)}.no-results p{font-size:1.2rem}.featured-topic{animation:fadeIn .8s ease forwards}.topic-card{animation:fadeIn .6s ease forwards}.sidebar{animation:slideInRight .6s ease-out forwards}.topic-card:nth-child(1){animation-delay:.1s}.topic-card:nth-child(2){animation-delay:.2s}.topic-card:nth-child(3){animation-delay:.3s}.topic-card:nth-child(4){animation-delay:.4s}.topic-card:nth-child(5){animation-delay:.5s}.topic-card:nth-child(6){animation-delay:.6s}.topic-card:nth-child(7){animation-delay:.7s}.topic-card:nth-child(8){animation-delay:.8s}.topic-card:nth-child(9){animation-delay:.9s}[dir=rtl] .sidebar{border-right:none;border-left:1px solid var(--border-color)}[dir=rtl] .sidebar-title::after{left:auto;right:0}[dir=rtl] .search-btn{right:auto;left:1.2rem}[dir=rtl] .topic-description{font-family:var(--font-arabic)}[dir=rtl] .footer-heading::after{left:auto;right:0}[dir=rtl] .footer-links-list a:hover{transform:translateX(-5px)}@media (max-width:1024px){.main-content{flex-direction:column}.sidebar{width:100%;position:static;margin-bottom:2rem}.view-controls{margin-top:1rem}.footer-sections{grid-template-columns:1fr;gap:2rem}.collections-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}}@media (max-width:768px){.header{flex-direction:column;gap:1rem;padding:1rem}.header-controls{width:100%;flex-direction:column;gap:1rem}.search-container{width:100%}.language-switcher{width:100%;justify-content:center}.topics-grid.list-view .topic-card{grid-template-columns:1fr}.topics-grid.list-view .topic-image{height:200px;border-radius:var(--radius) var(--radius) 0 0}.featured-topic-content{padding:1.5rem}.featured-title{font-size:1.5rem}.featured-description{font-size:1rem}.collections-list{grid-template-columns:1fr 1fr}.hero-logo i{display:inline-block;font-size:2rem}}@media (max-width:480px){.main-content{padding:1rem}.topics-filter select{width:100%}.collections-list{overflow-x:auto}.scroll-top{bottom:1rem;right:1rem}.filter-search input{font-size:16px;height:46px}.filter-search{margin-bottom:.75rem}.featured-hadith{padding:.5rem!important}.featured-hadith-content{padding:1rem!important}.featured-hadith .featured-meta{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding-top:.5rem!important}.featured-hadith .featured-meta-left{width:100%!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important}.featured-hadith .hadith-narrator,.featured-hadith .hadith-source{font-size:.8rem!important;padding:.3rem .6rem!important;margin-bottom:5px!important;white-space:normal!important}.featured-hadith .featured-link{align-self:stretch!important;justify-content:center!important;margin-top:8px!important;width:100%!important;padding:.7rem 1rem!important;font-size:.9rem!important}.quote-icon-small{font-size:1rem!important;width:30px!important;height:30px!important}.hero-logo i{display:inline-block;font-size:1.8rem}.featured-hadith .hadith-text{padding-left:1.5rem!important}.featured-hadith .hadith-text p{font-size:.95rem!important;overflow-wrap:break-word!important;word-wrap:break-word!important;hyphens:auto!important}.featured-tag{font-size:.75rem!important;padding:.4rem .8rem!important}}.narrator-filter-label{display:block;font-size:.9rem;color:var(--text-light);margin-bottom:.5rem}.view-controls{margin-top:1.8rem}.view-buttons{display:flex;gap:.8rem;margin-top:1rem}.view-btn{padding:.7rem;border:none;border-radius:var(--radius-sm);background-color:var(--bg-color);color:var(--text-color);cursor:pointer;transition:var(--transition);flex:1;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.view-btn i{font-size:1.1rem}.view-btn.active{background-color:var(--primary-color);color:white}.view-btn:hover:not(.active){background-color:rgba(74,125,222,.1);transform:translateY(-2px)}.collections-section{margin-top:1.8rem}.collections-list{display:flex;flex-direction:column;gap:.7rem;margin-top:1rem}.collection-item{display:flex;align-items:center;gap:.8rem;padding:.7rem 1rem;border-radius:var(--radius-sm);background-color:var(--bg-color);transition:var(--transition);cursor:pointer}.collection-item i{color:var(--primary-color)}.collection-item:hover{background-color:rgba(74,125,222,.1);transform:translateX(5px)}.filter-section{background-color:var(--card-bg);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow);position:relative;border:1px solid var(--hadith-border);overflow:hidden}.filter-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBmaWxsPSIjMjNERTAwIiBvcGFjaXR5PSIwLjAzIiBkPSJNMjUsMjUgTDc1LDI1IEw3NSw3NSBMMjUsNzUgWiIvPjxwYXRoIGZpbGw9IiMyM0RFMDAiIG9wYWNpdHk9IjAuMDMiIGQ9Ik0wLDAgTDEwMCwwIEwxMDAsMTAwIEwwLDEwMCBaIi8+PC9zdmc+");background-size:30px 30px;opacity:.5;pointer-events:none;z-index:0}.filter-title{font-family:var(--font-primary);font-size:1.1rem;margin-bottom:1rem;color:var(--text-color);font-weight:600;display:flex;align-items:center;gap:.5rem;position:relative;z-index:1}.filter-title i{color:var(--primary-color)}.filter-search{position:relative;margin-bottom:1rem;width:100%;z-index:1;max-width:100%;display:flex;align-items:center}.filter-search input{width:100%;padding:.75rem 2.75rem .75rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(35,222,0,.2);background-color:rgba(245,255,245,.6);color:var(--text-color);font-size:.95rem;font-family:var(--font-secondary);transition:var(--transition);box-shadow:var(--shadow-sm);height:42px;-webkit-appearance:none;appearance:none}.filter-search input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(35,222,0,.2);background-color:rgba(245,255,245,.9)}.filter-search input::placeholder{color:var(--text-light);opacity:.7}.filter-search i{position:absolute;right:1rem;left:auto;top:50%;transform:translateY(-50%);color:var(--primary-color);font-size:1.1rem;z-index:2;pointer-events:none;transition:color .2s ease,transform .2s ease;opacity:.7}.filter-search input:focus+i,.filter-search input:not(:placeholder-shown)+i{color:var(--primary-color);opacity:1}[dir=rtl] .filter-search i{right:auto;left:1rem}[dir=rtl] .filter-search input{padding:.75rem 1rem .75rem 2.75rem}.filter-search-bar{width:100%;padding:.75rem;background-color:rgba(255,255,255,.5);border-radius:var(--radius-sm);margin-top:.5rem;backdrop-filter:blur(5px)}.authenticity-tag.active{background-color:var(--primary-color);color:white}.hadiths-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:2rem 0}.hadiths-grid.list-view{display:flex;flex-direction:column;gap:1.5rem}.hadiths-grid.list-view .hadith-card{display:flex;flex-direction:row;align-items:center;min-height:auto;max-width:100%}.hadiths-grid.list-view .hadith-content{flex:1;padding-right:1rem}.hadiths-grid.list-view .topic-meta{flex-shrink:0;width:auto;min-width:200px}.hadiths-grid.masonry-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-auto-rows:20px;grid-gap:1.5rem}.hadiths-grid.masonry-view .hadith-card{grid-row-end:span var(--card-height,20);display:flex;flex-direction:column;height:100%}@media (max-width:768px){.hadiths-grid.masonry-view{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:480px){.hadiths-grid.masonry-view{grid-template-columns:1fr}}.topic-detail-section{margin-top:1.5rem;margin-bottom:1.5rem;background:var(--hadith-bg);border-radius:var(--radius);padding:1.5rem;position:relative;border:1px solid var(--hadith-border);overflow:hidden;box-shadow:var(--shadow-sm)}.topic-detail-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBmaWxsPSIjMjNERTAwIiBvcGFjaXR5PSIwLjAzIiBkPSJNMTAsMTAgTDkwLDEwIEw5MCw5MCBMMTAsOTAgWiIvPjxwYXRoIGZpbGw9IiMyM0RFMDAiIG9wYWNpdHk9IjAuMDMiIGQ9Ik0zMCwzMCBMNzAsMzAgTDcwLDcwIEwzMCw3MCBaIi8+PC9zdmc+");background-size:50px 50px;opacity:.5;pointer-events:none}.topic-detail-content{position:relative;z-index:1}.topic-detail-icon{display:flex;justify-content:center;margin-bottom:1rem}.topic-detail-icon i{font-size:2rem;color:var(--primary-color);background:rgba(35,222,0,.1);width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:var(--shadow-sm)}.topic-detail-text{font-size:.95rem;line-height:1.6;color:var(--text-color);position:relative;margin-bottom:.8rem;word-spacing:.05rem;letter-spacing:.01rem;text-align:left}.topic-detail-stats{display:flex;justify-content:center;gap:2rem;margin:1.5rem 0;padding:1rem 0;border-top:1px solid var(--hadith-border);border-bottom:1px solid var(--hadith-border)}.detail-stat{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:1.5rem;font-weight:700;color:var(--primary-dark);margin-bottom:.2rem}.stat-label{font-size:.8rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.05rem}.topic-related-concepts{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.related-concept-tag{background:var(--primary-light);color:var(--primary-dark);padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;transition:var(--transition)}.related-concept-tag:hover{background:var(--primary-color);color:white;transform:translateY(-2px);box-shadow:var(--shadow-sm);cursor:pointer}.topic-info-section{margin-bottom:.5rem;padding:1.2rem}.concept-quote{background-color:rgba(35,222,0,.05);padding:1rem;border-left:3px solid var(--primary-color);margin:1rem 0;font-style:italic;color:var(--text-color);border-radius:0 var(--radius-sm) var(--radius-sm) 0;position:relative}.concept-quote::before{content:"\"";position:absolute;left:.5rem;top:0;font-size:2rem;color:var(--primary-color);opacity:.2;font-family:var(--font-primary)}.concept-relation{margin-top:1.5rem;background-color:rgba(255,152,0,.05);padding:1rem;border-radius:var(--radius-sm);border:1px solid rgba(255,152,0,.2)}.main-topic-detail{margin:2rem 0;max-width:100%;padding:2rem;background:linear-gradient(to right bottom,var(--hadith-bg),rgba(245,255,240,.9));box-shadow:var(--shadow)}.main-topic-detail .detail-title{font-family:var(--font-primary);font-size:1.6rem;color:var(--primary-dark);text-align:center;margin-bottom:1.5rem;position:relative}.main-topic-detail .detail-title::after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:var(--gradient-primary);border-radius:3px}.main-topic-detail .topic-detail-content{display:flex;flex-direction:column;align-items:center;max-width:800px;margin:0 auto}.main-topic-detail .topic-detail-icon{margin-bottom:1.5rem}.main-topic-detail .topic-detail-icon i{width:80px;height:80px;font-size:2.5rem;border:2px solid rgba(35,222,0,.2)}.main-topic-detail .topic-detail-text{text-align:center;font-size:1.1rem;max-width:700px;margin-left:auto;margin-right:auto}.main-topic-detail .topic-detail-stats{width:100%;max-width:500px;margin:2rem auto;padding:1.5rem 0;justify-content:space-evenly}.main-topic-detail .stat-number{font-size:2rem}.main-topic-detail .stat-label{font-size:.9rem}.main-topic-detail .topic-related-concepts{margin-top:1.5rem;justify-content:center}.main-topic-detail .related-concept-tag{padding:.4rem 1rem;font-size:.9rem}@media (max-width:768px){.main-topic-detail{padding:1.5rem}.main-topic-detail .detail-title{font-size:1.4rem}.main-topic-detail .topic-detail-text{font-size:1rem}}.hadith-authenticity.hasan i,.hadith-authenticity.hassan i{color:var(--hassan-color)}.hadith-authenticity.daif i{color:var(--daif-color)}.hadith-authenticity.mawdu i{color:var(--mawdu-color)}.topic-link{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-weight:600;color:white;padding:.4rem .9rem;border-radius:4px;background:#23de00;transition:all .3s ease;text-decoration:none;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(35,222,0,.15)}.topic-link:hover{background:#20c900;transform:translateY(-2px);box-shadow:0 4px 12px rgba(35,222,0,.25)}.topic-link i{font-size:.9rem;transition:transform .3s ease}.topic-link:hover i{transform:translateX(3px)}.meta-top-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}.meta-bottom-row{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:1rem;gap:.8rem}.meta-bottom-row .topic-link{margin-top:.3rem}.topic-meta{display:flex;flex-direction:column;gap:1rem;margin-top:auto;grid-row:3;transform:translateZ(15px);padding:1rem 0 .5rem;position:relative;border-top:1px dashed rgba(35,222,0,.1)}@media (max-width:768px){.meta-bottom-row{flex-wrap:wrap;gap:.8rem;justify-content:center}}.filter-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;position:relative;z-index:1}.filter-tag{background:#fff;border:1px solid rgba(35,222,0,.3);border-radius:30px;padding:.4rem 1rem;font-size:.85rem;color:var(--text-color);display:flex;align-items:center;gap:.5rem;transition:var(--transition);cursor:pointer}.filter-tag:hover{background:rgba(35,222,0,.1);transform:translateY(-2px)}.filter-tag.active{background:var(--primary-color);color:white;border-color:var(--primary-color)}.filter-tag i{font-size:.8rem}.meta-bottom-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:.8rem;gap:.8rem}@media (max-width:768px){.meta-bottom-row{flex-direction:column;align-items:center;gap:.8rem}}.filter-tag i,.authenticity-tag i{font-size:.875rem;transition:transform .2s ease}.hadiths-grid{min-height:300px}.filter-section{animation:fadeIn .3s ease-in}.no-results{text-align:center;padding:3rem 1rem;color:var(--text-light);width:100%;animation:fadeIn .3s ease-in;background-color:rgba(245,245,245,.5);border-radius:var(--radius);margin:1rem 0}.no-results i{font-size:3rem;margin-bottom:1rem;opacity:.6;color:var(--text-light)}.no-results p{font-size:1.2rem;max-width:500px;margin:0 auto}.chapter-header{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eaeaea}.chapter-heading{font-size:2rem;font-weight:700;color:#333;margin-bottom:10px;font-family:"Playfair Display",serif}.chapter-meta{display:flex;align-items:center;margin-bottom:15px}.chapter-meta span{margin-right:15px;font-size:.9rem;color:#777}.chapter-meta i{margin-right:5px;color:#23de00}.chapter-description{font-size:1rem;line-height:1.7;color:#555;margin-bottom:20px}.chapters-container .hadith-cards-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:25px}@media (max-width:768px){.chapters-container .hadith-cards-wrapper{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.chapter-heading{font-size:1.6rem}}.chapters-filter-bar select{padding:8px 12px;border-radius:6px;border:1px solid #ddd;background-color:white;font-size:14px;margin-right:10px;min-width:180px}.chapters-container .loading-overlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.8);z-index:10;align-items:center;justify-content:center;border-radius:12px}.chapters-container .loading-overlay.loading{display:flex}.chapters-container .view-button{padding:6px 12px;border-radius:4px;border:1px solid #ddd;background-color:white;cursor:pointer;margin-left:5px}.chapters-container .view-button.active{background-color:#23de00;color:white;border-color:#23de00}html[dir=rtl] .chapters-container .chapter-meta span{margin-right:0;margin-left:15px}html[dir=rtl] .chapters-container .chapter-meta i{margin-right:0;margin-left:5px}html[dir=rtl] .chapters-container .chapters-filter-bar select{margin-right:0;margin-left:10px}html[dir=rtl] .chapters-container .view-button{margin-left:0;margin-right:5px}.featured-hadith .featured-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:1rem!important;width:100%!important}.featured-hadith .featured-meta-left{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important}.featured-hadith .hadith-narrator,.featured-hadith .hadith-source{display:inline-flex!important;align-items:center!important;gap:.3rem!important;font-size:.9rem!important;color:var(--text-light)!important;background:rgba(255,255,255,.6)!important;padding:.4rem .8rem!important;border-radius:30px!important;border:1px solid rgba(35,222,0,.2)!important;margin:0!important;float:none!important}.featured-hadith .featured-link{display:inline-flex!important;align-items:center!important;gap:.5rem!important;color:#23de00!important;font-weight:600!important;text-decoration:none!important;padding:.5rem 1rem!important;border-radius:30px!important;background:rgba(35,222,0,.05)!important;border:1px solid rgba(35,222,0,.2)!important;white-space:nowrap!important;margin:0!important;float:none!important}@media (max-width:480px){.hero-logo i{display:none!important}.featured-hadith .featured-meta{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.featured-hadith .featured-meta-left{width:100%!important;flex-wrap:wrap!important}.featured-hadith .featured-link{align-self:stretch!important;justify-content:center!important;margin-top:5px!important;width:100%!important}}.featured-hadith .hadith-narrator i,.featured-hadith .hadith-source i{color:#23de00!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-right:5px!important;vertical-align:middle!important}.featured-hadith .hadith-source{display:inline-flex!important;align-items:center!important;flex-direction:row!important;white-space:nowrap!important}[dir=rtl] .featured-hadith .hadith-narrator i,[dir=rtl] .featured-hadith .hadith-source i{margin-right:0!important;margin-left:5px!important}.hadith-display-app-container.rtl-layout{direction:rtl}.hadith-display-app-container.rtl-layout .hadith-text-content{text-align:right;font-family:var(--font-arabic)}.hadith-display-app-container.rtl-layout .meta-top-row,.hadith-display-app-container.rtl-layout .meta-bottom-row{flex-direction:row-reverse}.hadith-display-app-container.rtl-layout .hero-controls{flex-direction:row-reverse}