@import"https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Almarai:wght@300;400;700;800&display=swap";.nav-item.has-dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:.35rem;background:none;border:none;cursor:pointer;font-family:inherit}.dropdown-arrow{transition:transform .25s ease;opacity:.7}.nav-item.has-dropdown:hover .dropdown-arrow,.nav-item.dropdown-open .dropdown-arrow{transform:rotate(180deg);opacity:1}.mega-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);min-width:380px;background:var(--bg-card);border-radius:16px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff0d;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1);z-index:1000;overflow:hidden}.mega-dropdown-wide{min-width:520px}.mega-dropdown-full{left:50%;transform:translate(-50%) translateY(10px);width:90vw;max-width:1100px}.nav-item.has-dropdown:hover .mega-dropdown-full,.nav-item.dropdown-open .mega-dropdown-full{transform:translate(-50%) translateY(0)}.mega-grid-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:1.5rem}.mega-dropdown-column{min-width:0}.mega-dropdown-column .mega-links{gap:.25rem}.mega-dropdown-column .mega-link{padding:.6rem .75rem}.mega-dropdown-column .mega-link-icon{width:32px;height:32px;font-size:1.1rem}.mega-dropdown-column .mega-link-title{font-size:.85rem}.mega-dropdown-column .mega-link-desc{font-size:.7rem}.mega-dropdown-footer-full{grid-column:1 / -1;padding-top:1rem;border-top:1px solid var(--border);text-align:center;margin-top:.5rem}.nav-item.has-dropdown:hover .mega-dropdown,.nav-item.dropdown-open .mega-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.mega-dropdown:before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}.mega-dropdown-content{padding:1.25rem}.mega-dropdown-section{margin-bottom:1rem}.mega-section-title{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.85rem;padding-bottom:.65rem;border-bottom:1px solid var(--border)}.title-icon{font-size:1rem}.mega-links{display:flex;flex-direction:column;gap:.35rem}.mega-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem}.mega-link{display:flex;align-items:flex-start;gap:.85rem;padding:.75rem;border-radius:10px;text-decoration:none;transition:all .2s ease;background:transparent}.mega-link:hover{background:#1e7b4a14}.mega-link.active{background:#1e7b4a1f}.mega-link-icon{font-size:1.35rem;flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e7b4a26,#1e7b4a0d);border-radius:10px}.mega-link-content{display:flex;flex-direction:column;gap:.15rem;min-width:0}.mega-link-title{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mega-link-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mega-dropdown-featured{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.featured-card{background:linear-gradient(135deg,#1e7b4a,#166339);border-radius:12px;padding:1.25rem;text-align:center;color:#fff}.featured-icon{font-size:2rem;margin-bottom:.5rem}.featured-card h4{font-size:1rem;font-weight:600;margin-bottom:.35rem}.featured-card p{font-size:.8rem;opacity:.9;margin-bottom:.85rem;line-height:1.4}.featured-btn{display:inline-block;background:#fff3;color:#fff;padding:.5rem 1.25rem;border-radius:25px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s ease;border:1px solid rgba(255,255,255,.3)}.featured-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.mega-dropdown-footer{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border);text-align:center}.view-all-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent);font-size:.9rem;font-weight:600;text-decoration:none;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease}.view-all-link:hover{background:#1e7b4a1a}.view-all-link svg{transition:transform .2s ease}.view-all-link:hover svg{transform:translate(3px)}.nav-link-highlight{position:relative}.nav-link-highlight:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:6px;height:6px;background:#d4af37;border-radius:50%;opacity:.8}.mobile-nav-section{border-top:1px solid var(--border);padding-top:.75rem;margin-top:.5rem}.mobile-nav-section-title{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:.5rem 1rem;margin-bottom:.25rem}.mobile-nav-sublink{padding-left:1.5rem!important}.mobile-nav-icon{margin-right:.5rem}.mobile-nav-link.highlight{color:#d4af37!important;font-weight:600}@media (max-width: 1200px){.mega-grid-layout{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.mega-dropdown,.mega-dropdown-wide,.mega-dropdown-full{position:fixed;top:auto;left:1rem;right:1rem;min-width:auto;width:auto;transform:translateY(10px);max-height:70vh;overflow-y:auto}.nav-item.has-dropdown:hover .mega-dropdown,.nav-item.has-dropdown:hover .mega-dropdown-full,.nav-item.dropdown-open .mega-dropdown,.nav-item.dropdown-open .mega-dropdown-full{transform:translateY(0)}.mega-grid-layout{grid-template-columns:1fr;gap:1rem;padding:1rem}.mega-links-grid{grid-template-columns:1fr}}@media (max-width: 768px){.mega-dropdown,.mega-dropdown-wide,.mega-dropdown-full{display:none}}.quran-mega-dropdown-simple{left:50%;transform:translate(-50%) translateY(10px);min-width:420px;max-width:440px}.nav-item.has-dropdown:hover .quran-mega-dropdown-simple,.nav-item.dropdown-open .quran-mega-dropdown-simple{transform:translate(-50%) translateY(0)}.quran-simple-content{padding:0}.quran-simple-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#1e7b4a,#145a35);border-radius:16px 16px 0 0;color:#fff}.quran-simple-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quran-simple-icon svg{stroke:#fff}.quran-simple-title h3{font-size:1.15rem;font-weight:700;margin:0;letter-spacing:.01em}.quran-simple-title p{font-size:.8rem;opacity:.85;margin:.3rem 0 0;font-weight:400}.quran-simple-links{padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.quran-simple-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-secondary);border-radius:12px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.quran-simple-link:hover{background:#1e7b4a14;border-color:#1e7b4a4d;transform:translate(4px)}.quran-simple-link:hover .quran-link-arrow{transform:translate(4px);opacity:1}.quran-link-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.quran-link-icon.juz{background:linear-gradient(135deg,#1e7b4a26,#1e7b4a0d)}.quran-link-icon.juz svg{stroke:#1e7b4a}.quran-link-icon.audio{background:linear-gradient(135deg,#7c3aed26,#7c3aed0d)}.quran-link-icon.audio svg{stroke:#7c3aed}.quran-link-text{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.quran-link-title{font-size:.95rem;font-weight:600;color:var(--text-primary)}.quran-link-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.quran-link-arrow{color:var(--text-secondary);opacity:.5;transition:all .25s ease;flex-shrink:0}.quran-simple-footer{padding:1rem 1.25rem;border-top:1px solid var(--border);background:var(--bg-card);border-radius:0 0 16px 16px}.quran-start-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.85rem 1.5rem;background:linear-gradient(135deg,#1e7b4a,#166339);color:#fff;font-size:.9rem;font-weight:600;border-radius:10px;text-decoration:none;transition:all .25s ease;box-shadow:0 4px 12px #1e7b4a40}.quran-start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e7b4a59}.quran-start-btn svg{transition:transform .25s ease}.quran-start-btn:hover svg{transform:translate(4px)}@media (max-width: 1024px){.quran-mega-dropdown-simple{position:fixed;left:1rem;right:1rem;min-width:auto;max-width:none;transform:translateY(10px)}.nav-item.has-dropdown:hover .quran-mega-dropdown-simple,.nav-item.dropdown-open .quran-mega-dropdown-simple{transform:translateY(0)}}@media (max-width: 768px){.quran-mega-dropdown-simple{display:none}}.islamic-date-bar{background:linear-gradient(135deg,#0f4c3a,#1a5d45,#0d3d2f);border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(212,175,55,.2);position:relative;z-index:1;overflow:hidden;width:100%}.islamic-date-bar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d4af37' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.idb-main{display:flex;align-items:center;padding:12px 24px;gap:16px;position:relative;width:100%;max-width:1400px;margin:0 auto}.idb-date-section{flex-shrink:0}.idb-hijri-date{display:flex;align-items:center;gap:10px;background:#ffffff14;padding:6px 12px;border-radius:12px;border:1px solid rgba(212,175,55,.2)}.idb-date-icon{width:36px;height:36px;background:linear-gradient(135deg,#d4af37,#f4d03f);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.idb-date-icon svg{width:20px;height:20px;stroke:#0f4c3a}.idb-date-info{display:flex;align-items:center;gap:8px}.idb-date-day{font-size:28px;font-weight:700;color:#d4af37;line-height:1}.idb-date-month{display:flex;flex-direction:column;gap:2px}.idb-month-name{font-size:14px;font-weight:600;color:#fff;line-height:1.2}.idb-month-arabic{font-size:12px;color:#d4af37e6;font-family:Amiri,serif;direction:rtl}.idb-date-year{font-size:12px;color:#fff9;padding-left:8px;border-left:1px solid rgba(255,255,255,.2)}.idb-gregorian{display:flex;flex-direction:column;align-items:flex-start;padding-left:10px;border-left:1px solid rgba(255,255,255,.15);margin-left:2px}.idb-day-name{font-size:10px;font-weight:600;color:#d4af37;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.idb-gregorian-date{font-size:10px;color:#ffffff80;line-height:1.2}.idb-divider{width:1px;height:32px;background:linear-gradient(180deg,transparent,rgba(212,175,55,.3),transparent)}.idb-events-section{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.idb-events-scroll{display:flex;gap:10px;animation:scrollEvents 30s linear infinite;width:fit-content}.idb-events-scroll:hover{animation-play-state:paused}@keyframes scrollEvents{0%{transform:translate(0)}to{transform:translate(-50%)}}.idb-event-pill{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffff14;border-radius:20px;border:1px solid rgba(255,255,255,.1);white-space:nowrap;transition:all .3s ease;cursor:default}.idb-event-pill:hover{background:#ffffff1f;border-color:#d4af374d;transform:translateY(-1px)}.idb-event-pill.major{background:linear-gradient(135deg,#d4af3726,#d4af370d);border-color:#d4af374d}.idb-event-pill.special{background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);border-color:#8b5cf64d}.idb-event-icon{font-size:16px}.idb-event-name{font-size:13px;font-weight:500;color:#fff}.idb-event-days{font-size:11px;font-weight:600;color:#d4af37;background:#d4af3726;padding:3px 8px;border-radius:10px}.idb-month-preview{flex-shrink:0}.idb-month-badge{display:flex;align-items:center;gap:8px;padding:8px 14px;background:linear-gradient(135deg,#d4af3726,#d4af370d);border:1px solid rgba(212,175,55,.3);border-radius:20px}.idb-badge-icon{font-size:14px}.idb-badge-text{font-size:12px;font-weight:500;color:#d4af37}.idb-expand-btn{width:36px;height:36px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.idb-expand-btn:hover{background:#d4af3733;border-color:#d4af3766}.idb-expand-btn svg{width:18px;height:18px;stroke:#d4af37;transition:transform .3s ease}.idb-expanded-content{background:#0003;border-top:1px solid rgba(212,175,55,.15);padding:0;animation:expandContent .3s ease-out}@keyframes expandContent{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.idb-tabs{display:flex;gap:4px;padding:12px 24px;background:#00000026;border-bottom:1px solid rgba(255,255,255,.05);width:100%;max-width:1400px;margin:0 auto}.idb-tab{display:flex;align-items:center;gap:8px;padding:10px 18px;background:transparent;border:1px solid transparent;border-radius:10px;color:#fff9;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.idb-tab:hover{background:#ffffff0d;color:#fff}.idb-tab.active{background:#d4af3726;border-color:#d4af374d;color:#d4af37}.idb-tab .tab-icon{font-size:16px}.idb-tab-content{padding:20px 24px;width:100%;max-width:1400px;margin:0 auto}.idb-events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.idb-event-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;transition:all .3s ease}.idb-event-card:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 8px 32px #0003}.idb-event-card.major{border-color:#d4af374d;background:linear-gradient(135deg,rgba(212,175,55,.1),transparent)}.idb-event-card.special{border-color:#8b5cf64d;background:linear-gradient(135deg,rgba(139,92,246,.1),transparent)}.event-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.event-card-icon{font-size:28px}.event-card-countdown{display:flex;flex-direction:column;align-items:center;background:#d4af3726;padding:8px 12px;border-radius:12px}.countdown-number{font-size:24px;font-weight:700;color:#d4af37;line-height:1}.countdown-label{font-size:10px;color:#d4af37cc;text-transform:uppercase;letter-spacing:.5px}.event-card-name{font-size:15px;font-weight:600;color:#fff;margin:0 0 4px}.event-card-date{font-size:12px;color:#ffffff80;margin:0}.idb-month-info{display:grid;gap:24px}.month-header{text-align:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.month-title{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0 0 12px}.month-arabic-large{font-size:32px;font-family:Amiri,serif;color:#d4af37;direction:rtl}.month-english{font-size:20px;font-weight:600;color:#fff}.month-significance{font-size:14px;color:#ffffffb3;max-width:600px;margin:0 auto;line-height:1.6}.month-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.month-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px}.month-section h4{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#d4af37;margin:0 0 16px}.section-icon{font-size:16px}.month-section.benefits ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.month-section.benefits li{font-size:13px;color:#fffc;padding-left:20px;position:relative;line-height:1.5}.month-section.benefits li:before{content:"✓";position:absolute;left:0;color:#4ade80;font-weight:700}.action-tags{display:flex;flex-wrap:wrap;gap:8px}.action-tag{font-size:12px;padding:8px 14px;background:linear-gradient(135deg,#d4af3726,#d4af370d);border:1px solid rgba(212,175,55,.2);border-radius:20px;color:#fff}.idb-dua-section{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start}.dua-card{background:linear-gradient(135deg,#d4af371a,#d4af3705);border:1px solid rgba(212,175,55,.25);border-radius:20px;padding:28px;text-align:center}.dua-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.dua-icon{font-size:24px}.dua-label{font-size:14px;font-weight:500;color:#ffffffb3}.dua-content{display:flex;flex-direction:column;gap:16px}.dua-arabic{font-size:28px;font-family:Amiri,serif;color:#d4af37;direction:rtl;line-height:1.8;margin:0}.dua-transliteration{font-size:14px;color:#fff9;font-style:italic;margin:0}.dua-translation{font-size:15px;color:#fff;line-height:1.6;margin:0}.dua-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}.dua-dot{width:8px;height:8px;border-radius:50%;background:#fff3;border:none;cursor:pointer;transition:all .3s ease}.dua-dot.active{background:#d4af37;transform:scale(1.2)}.dua-benefits{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px}.dua-benefits h4{font-size:14px;font-weight:600;color:#d4af37;margin:0 0 12px}.dua-benefits p{font-size:13px;color:#ffffffb3;line-height:1.6;margin:0}@media (max-width: 1024px){.idb-main{padding:10px 16px;gap:12px}.idb-dua-section{grid-template-columns:1fr}.mobile-hide{display:none!important}}@media (max-width: 768px){.idb-main{flex-wrap:wrap;justify-content:center;padding:12px;gap:10px}.idb-date-section{width:100%}.idb-hijri-date{justify-content:center;width:100%}.idb-events-section{width:100%;order:3}.idb-divider{display:none}.idb-expand-btn{position:absolute;top:12px;right:12px}.idb-tabs{overflow-x:auto;padding:10px 12px;gap:8px;-webkit-overflow-scrolling:touch}.idb-tab{flex-shrink:0;padding:8px 14px;font-size:12px}.idb-tab-content{padding:16px 12px}.idb-events-grid{grid-template-columns:repeat(2,1fr);gap:10px}.idb-event-card{padding:14px}.event-card-icon{font-size:22px}.countdown-number{font-size:18px}.month-sections{grid-template-columns:1fr}.dua-arabic{font-size:22px}}@media (max-width: 480px){.idb-date-day{font-size:24px}.idb-month-name{font-size:13px}.idb-events-grid{grid-template-columns:1fr}.month-arabic-large{font-size:26px}.month-english{font-size:18px}}.home-redesign{min-height:100vh;overflow-x:hidden;margin:0 -1rem;width:calc(100% + 2rem)}.main-content:has(.home-redesign){max-width:100%;padding:0}.home-redesign .hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;width:100%}.home-redesign .hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.home-redesign .hero-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(ellipse at 20% 30%,rgba(139,117,50,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(139,117,50,.06) 0%,transparent 50%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c9a227' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.home-redesign .hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,var(--bg-primary) 100%),radial-gradient(circle at 50% 0%,rgba(139,117,50,.15) 0%,transparent 60%)}.home-redesign .hero-content{position:relative;z-index:1;text-align:center;max-width:100%;width:100%;padding:0 2rem}.home-redesign .hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#8b753226;border:1px solid rgba(139,117,50,.3);padding:.5rem 1.25rem;border-radius:50px;font-size:.9rem;color:var(--accent-gold, #8b7532);margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-redesign .badge-icon{font-size:1.1rem}.home-redesign .hero-title{margin-bottom:1.5rem}.home-redesign .title-arabic{display:block;font-family:Amiri,serif;font-size:clamp(2.5rem,8vw,5rem);color:var(--accent-gold, #8b7532);margin-bottom:.5rem;text-shadow:0 2px 20px rgba(139,117,50,.3)}.home-redesign .title-english{display:block;font-size:clamp(1.75rem,5vw,3rem);font-weight:300;color:var(--text-primary);letter-spacing:.1em;text-transform:uppercase}.home-redesign .hero-description{font-size:1.15rem;color:var(--text-secondary);line-height:1.8;max-width:700px;margin:0 auto 2.5rem}.home-redesign .hero-stats{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:3rem;padding:1.5rem 2rem;background:#8b753214;border:1px solid rgba(139,117,50,.15);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-redesign .stat{text-align:center}.home-redesign .stat-value{display:block;font-size:1.75rem;font-weight:700;color:var(--accent-gold, #8b7532)}.home-redesign .stat-label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.home-redesign .stat-divider{width:1px;height:40px;background:#8b75324d}.home-redesign .hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.home-redesign .btn-primary{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#8b7532,#6b5a24);color:#0a1f15;font-weight:600;font-size:1rem;border-radius:12px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 20px #8b753266}.home-redesign .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b753280}.home-redesign .btn-primary:focus-visible{outline:2px solid var(--accent-gold, #8b7532);outline-offset:3px}.home-redesign .btn-primary svg{width:20px;height:20px}.home-redesign .btn-secondary{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#1a7d5c33;border:1px solid rgba(26,125,92,.4);color:var(--text-primary);font-weight:600;font-size:1rem;border-radius:12px;text-decoration:none;transition:all .3s ease}.home-redesign .btn-secondary:hover{background:#1a7d5c4d;border-color:#1a7d5c99}.home-redesign .btn-secondary:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}.home-redesign .btn-secondary svg{width:20px;height:20px;fill:var(--primary-color)}.home-redesign .scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.8rem;opacity:.7;animation:homeScrollFadeIn 1s ease 1s both}.home-redesign .scroll-arrow{width:20px;height:20px;border-right:2px solid var(--accent-gold, #8b7532);border-bottom:2px solid var(--accent-gold, #8b7532);transform:rotate(45deg);animation:homeScrollBounce 2s infinite}@keyframes homeScrollBounce{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(8px)}}@keyframes homeScrollFadeIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:.7;transform:translate(-50%)}}.home-redesign .quick-access{padding:3rem 0;background:var(--bg-secondary);margin-top:-80px;position:relative;z-index:10}.home-redesign .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.home-redesign .quick-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.home-redesign .quick-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;text-decoration:none;transition:all .3s ease}.home-redesign .quick-card:hover{border-color:var(--accent-gold, #8b7532);transform:translateY(-2px);box-shadow:0 8px 30px #0003}.home-redesign .quick-card:focus-visible{outline:2px solid var(--accent-gold, #8b7532);outline-offset:2px}.home-redesign .quick-card.featured{background:linear-gradient(135deg,#8b75321a,#8b75320d);border-color:#8b75324d}.home-redesign .quick-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#8b75321a;border-radius:12px}.home-redesign .quick-info h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.home-redesign .quick-info p{font-size:.85rem;color:var(--text-secondary)}.home-redesign .quick-arrow{width:20px;height:20px;margin-left:auto;stroke:var(--text-muted);transition:all .3s ease}.home-redesign .quick-card:hover .quick-arrow{stroke:var(--accent-gold, #8b7532);transform:translate(4px)}.home-redesign .ayah-of-day{padding:5rem 0}.home-redesign .section-header{margin-bottom:2.5rem}.home-redesign .section-header.centered{text-align:center}.home-redesign .section-badge{display:inline-block;padding:.4rem 1rem;background:#8b753226;border:1px solid rgba(139,117,50,.25);border-radius:50px;font-size:.8rem;color:var(--accent-gold, #8b7532);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.home-redesign .section-header h2{font-size:2rem;font-weight:700;color:var(--text-primary)}.home-redesign .section-header p{color:var(--text-secondary);margin-top:.5rem}.home-redesign .ayah-card{position:relative;background:linear-gradient(135deg,var(--bg-card) 0%,rgba(139,117,50,.05) 100%);border:1px solid rgba(139,117,50,.2);border-radius:24px;padding:3rem;text-align:center;overflow:hidden}.home-redesign .ayah-ornament{position:absolute;width:60px;height:60px;background:radial-gradient(circle,rgba(139,117,50,.15) 0%,transparent 70%);border-radius:50%}.home-redesign .ayah-ornament.top-left{top:20px;left:20px}.home-redesign .ayah-ornament.top-right{top:20px;right:20px}.home-redesign .ayah-ornament.bottom-left{bottom:20px;left:20px}.home-redesign .ayah-ornament.bottom-right{bottom:20px;right:20px}.home-redesign .ayah-arabic{font-family:Amiri,serif;font-size:clamp(1.75rem,4vw,2.5rem);line-height:2;color:var(--text-primary);margin-bottom:1.5rem}.home-redesign .ayah-divider{margin:1.5rem 0}.home-redesign .divider-ornament{color:var(--accent-gold, #8b7532);font-size:1.5rem}.home-redesign .ayah-english{font-size:1.1rem;font-style:italic;color:var(--text-secondary);line-height:1.8;max-width:800px;margin:0 auto 1rem}.home-redesign .ayah-urdu{font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,serif;font-size:1.25rem;color:var(--text-secondary);direction:rtl;margin-bottom:1.5rem}.home-redesign .ayah-footer{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.home-redesign .ayah-reference{font-weight:600;color:var(--accent-gold, #8b7532);text-decoration:none;transition:color .3s ease}.home-redesign .ayah-reference:hover{color:var(--accent-gold-light, #e8d48a)}.home-redesign .ayah-reference:focus-visible{outline:2px solid var(--accent-gold, #8b7532);outline-offset:2px}.home-redesign .ayah-share{display:flex;gap:.75rem}.home-redesign .ayah-share button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#8b75321a;border:1px solid rgba(139,117,50,.2);border-radius:10px;font-size:1rem;cursor:pointer;transition:all .3s ease}.home-redesign .ayah-share button:hover{background:#8b753233;border-color:#8b753266;transform:translateY(-2px)}.home-redesign .ayah-share button:focus-visible{outline:2px solid var(--accent-gold, #8b7532);outline-offset:2px}.home-redesign .continue-reading{padding:3rem 0 5rem;background:var(--bg-secondary)}.home-redesign .history-cards{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem}.home-redesign .history-card{flex-shrink:0;display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;text-decoration:none;transition:all .3s ease}.home-redesign .history-card:hover{border-color:var(--accent-gold, #8b7532);transform:translateY(-2px)}.home-redesign .history-card:focus-visible{outline:2px solid var(--accent-gold, #8b7532);outline-offset:2px}.home-redesign .history-number{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b753233,#8b75321a);border-radius:10px;font-weight:700;color:var(--accent-gold, #8b7532)}.home-redesign .history-details h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.home-redesign .history-details span{font-size:.8rem;color:var(--text-muted)}.home-redesign .surahs-section{padding:5rem 0}.home-redesign .surah-search{display:flex;align-items:center;gap:1rem;max-width:500px;margin:0 auto 3rem;padding:1rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;transition:all .3s ease}.home-redesign .surah-search:focus-within{border-color:var(--accent-gold, #8b7532);box-shadow:0 0 0 3px #8b75321a}.home-redesign .surah-search svg{width:20px;height:20px;stroke:var(--text-muted)}.home-redesign .surah-search input{flex:1;background:none;border:none;font-size:1rem;color:var(--text-primary);outline:none}.home-redesign .surah-search input::placeholder{color:var(--text-muted)}.home-redesign .surahs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.home-redesign .surah-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;text-decoration:none;transition:all .3s ease}.home-redesign .surah-card:hover{border-color:var(--accent-gold, #8b7532);transform:translateY(-2px);box-shadow:0 8px 30px #00000026}.home-redesign .surah-card:focus-visible{outline:2px solid var(--accent-gold, #8b7532);outline-offset:2px}.home-redesign .surah-number-badge{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b753226,#8b75320d);border:1px solid rgba(139,117,50,.2);border-radius:12px;flex-shrink:0}.home-redesign .surah-number-badge span{font-weight:700;font-size:1.1rem;color:var(--accent-gold, #8b7532)}.home-redesign .surah-content{flex:1;min-width:0}.home-redesign .surah-arabic{font-family:Amiri,serif;font-size:1.25rem;color:var(--text-primary);margin-bottom:.25rem}.home-redesign .surah-english{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.home-redesign .surah-meaning{font-size:.8rem;color:var(--text-muted)}.home-redesign .surah-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.home-redesign .revelation-type{font-size:.7rem;padding:.25rem .6rem;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.home-redesign .revelation-type.meccan{background:#8b753226;color:var(--accent-gold, #8b7532)}.home-redesign .revelation-type.medinan{background:#1a7d5c26;color:var(--primary-color)}.home-redesign .ayah-count{font-size:.75rem;color:var(--text-muted)}.home-redesign .features-section{padding:5rem 0;background:var(--bg-secondary)}.home-redesign .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.home-redesign .feature-card{padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;text-align:center;transition:all .3s ease}.home-redesign .feature-card:hover{border-color:#8b75324d;transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.home-redesign .feature-icon-wrapper{width:70px;height:70px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;background:linear-gradient(135deg,#8b753226,#8b75320d);border:1px solid rgba(139,117,50,.2);border-radius:20px;font-size:2rem}.home-redesign .feature-card h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.home-redesign .feature-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.home-redesign .resources-section{padding:5rem 0}.home-redesign .resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.home-redesign .resource-card{display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;text-decoration:none;text-align:center;transition:all .3s ease}.home-redesign .resource-card:hover{border-color:var(--accent-gold, #8b7532);transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.home-redesign .resource-card:focus-visible{outline:2px solid var(--accent-gold, #8b7532);outline-offset:2px}.home-redesign .resource-icon{font-size:2.5rem;margin-bottom:1rem}.home-redesign .resource-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.home-redesign .resource-card p{font-size:.8rem;color:var(--text-secondary)}.home-redesign .cta-section{padding:5rem 0;background:linear-gradient(135deg,#8b75321a,#8b753205);border-top:1px solid rgba(139,117,50,.15)}.home-redesign .cta-content{text-align:center;max-width:600px;margin:0 auto}.home-redesign .cta-content h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.home-redesign .cta-content p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem}.home-redesign .cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.home-redesign .btn-outline{display:inline-flex;align-items:center;padding:1rem 2rem;background:transparent;border:2px solid rgba(139,117,50,.4);color:var(--accent-gold, #8b7532);font-weight:600;font-size:1rem;border-radius:12px;text-decoration:none;transition:all .3s ease}.home-redesign .btn-outline:hover{background:#8b75321a;border-color:var(--accent-gold, #8b7532)}.home-redesign .btn-outline:focus-visible{outline:2px solid var(--accent-gold, #8b7532);outline-offset:3px}@media (max-width: 768px){.home-redesign .hero-section{min-height:auto;padding:5rem 1.5rem 3rem}.home-redesign .hero-stats{gap:1rem;padding:1rem}.home-redesign .stat-divider{display:none}.home-redesign .stat{flex:1;min-width:70px}.home-redesign .stat-value{font-size:1.25rem}.home-redesign .hero-actions{flex-direction:column}.home-redesign .btn-primary,.home-redesign .btn-secondary{width:100%;justify-content:center}.home-redesign .scroll-indicator{display:none}.home-redesign .quick-access{margin-top:0;padding:2rem 0}.home-redesign .ayah-card{padding:1.5rem 1rem}.home-redesign .ayah-of-day,.home-redesign .surahs-section,.home-redesign .features-section,.home-redesign .resources-section,.home-redesign .cta-section{padding:3rem 0}.home-redesign .surahs-grid{grid-template-columns:1fr}.home-redesign .surah-card{padding:1rem}.home-redesign .section-header h2{font-size:1.5rem}.home-redesign .resources-grid{grid-template-columns:repeat(2,1fr)}.home-redesign .resource-card{padding:1.5rem 1rem}}@media (max-width: 480px){.home-redesign .resources-grid{grid-template-columns:1fr}.home-redesign .cta-buttons{flex-direction:column}.home-redesign .btn-outline{width:100%;justify-content:center}}.word-by-word-container{direction:rtl;text-align:right;padding:1rem 0}.wbw-loading{text-align:center;color:var(--text-secondary);padding:2rem}.wbw-words{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-start;align-items:flex-start;line-height:2.2}.wbw-word{position:relative;display:inline-flex;flex-direction:column;align-items:center;padding:.5rem .75rem;border-radius:8px;transition:all .2s ease;cursor:pointer;background:transparent;border:2px solid transparent}.wbw-word.has-audio:hover{background:var(--accent);background:#2ea04326;border-color:var(--accent);transform:translateY(-2px)}.wbw-word.playing{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 15px #2ea04366}.wbw-arabic{font-size:28px;line-height:1.8;transition:color .2s}.wbw-word.playing .wbw-arabic{color:#fff}.wbw-ayah-number{display:inline-flex;align-items:center;justify-content:center;font-size:1rem;color:var(--accent);padding:0 .5rem;font-family:Amiri,serif}.wbw-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;min-width:160px;max-width:280px;box-shadow:0 8px 24px var(--shadow);z-index:100;direction:ltr;text-align:center}.wbw-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--bg-card)}.tooltip-translation{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.tooltip-transliteration{font-size:.8rem;color:var(--text-secondary);font-style:italic}.tooltip-hint{font-size:.7rem;color:var(--accent);margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.wbw-playing-indicator{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);display:flex;gap:2px;align-items:flex-end;height:12px}.sound-wave{width:3px;background:#fff;border-radius:2px;animation:soundWave .5s ease-in-out infinite}.sound-wave:nth-child(1){height:6px;animation-delay:0s}.sound-wave:nth-child(2){height:10px;animation-delay:.1s}.sound-wave:nth-child(3){height:4px;animation-delay:.2s}@keyframes soundWave{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.5)}}.wbw-mode-toggle{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:8px;margin-bottom:1rem;font-size:.9rem}.wbw-mode-toggle label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-primary)}.wbw-mode-info{font-size:.8rem;color:var(--text-secondary);margin-left:auto}@media (max-width: 768px){.wbw-words{gap:.5rem}.wbw-word{padding:.375rem .5rem}.wbw-arabic{font-size:22px}.wbw-tooltip{min-width:140px;max-width:200px;padding:.5rem .75rem}}.ayah-page{max-width:900px;margin:0 auto;padding:1rem 1.5rem 3rem}.ayah-breadcrumbs{margin-bottom:1.5rem}.ayah-breadcrumbs ol{display:flex;align-items:center;gap:.5rem;list-style:none;padding:0;margin:0;font-size:.85rem;color:#ffffff80;flex-wrap:wrap}.ayah-breadcrumbs li:not(:last-child):after{content:"›";margin-left:.5rem;color:#ffffff4d}.ayah-breadcrumbs a{color:#8b7532;text-decoration:none;transition:color .2s}.ayah-breadcrumbs a:hover{color:#c4a94d}.ayah-breadcrumbs li[aria-current=page]{color:#fffc}.ayah-header-section{text-align:center;margin-bottom:2rem;padding:2rem 1rem;background:linear-gradient(135deg,#8b75321a,#0a1f154d);border-radius:16px;border:1px solid rgba(139,117,50,.15)}.ayah-surah-badge{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:1rem}.badge-arabic{font-family:Amiri,serif;font-size:2rem;color:#c4a94d;line-height:1.4}.badge-english{font-size:1.1rem;color:#ffffffe6;font-weight:600}.badge-meaning{font-size:.9rem;color:#ffffff80;font-style:italic}.ayah-page-title{font-size:1.6rem;color:#fff;margin:.5rem 0;font-weight:700}.ayah-ref{color:#8b7532;font-weight:400;font-size:1.2rem}.ayah-meta-badges{display:flex;justify-content:center;gap:.75rem;margin-top:.75rem;flex-wrap:wrap}.meta-badge{padding:.25rem .75rem;background:#8b753226;border:1px solid rgba(139,117,50,.25);border-radius:20px;font-size:.8rem;color:#ffffffb3}.ayah-content-card{background:#ffffff08;border:1px solid rgba(139,117,50,.15);border-radius:16px;overflow:hidden}.ayah-arabic-section{padding:2.5rem 2rem;text-align:center;background:#0a1f154d;border-bottom:1px solid rgba(139,117,50,.1)}.ayah-arabic-text{font-size:2.2rem;line-height:2.2;color:#fff;direction:rtl;margin:0;word-spacing:.15em;letter-spacing:.01em}.ayah-wbw-container{min-height:100px}.wbw-load-btn{background:#8b753233;border:1px solid rgba(139,117,50,.3);color:#c4a94d;padding:.5rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.wbw-load-btn:hover{background:#8b75324d}.ayah-translations-section{padding:1.5rem 2rem}.translation-block{padding:1.25rem 0}.translation-block:not(:last-child){border-bottom:1px solid rgba(139,117,50,.1)}.translation-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#8b7532;margin:0 0 .75rem;font-weight:600}.ayah-translation-text{font-size:1.1rem;line-height:1.8;color:#ffffffd9;margin:0}.ayah-urdu-text{font-family:Noto Nastaliq Urdu,Amiri,serif;font-size:1.2rem;line-height:2.2;color:#ffffffd9;margin:0;direction:rtl}.ayah-actions-bar{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 1.5rem;background:#0a1f1566;border-top:1px solid rgba(139,117,50,.1);justify-content:center}.ayah-action-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem .85rem;background:#8b75321a;border:1px solid rgba(139,117,50,.2);border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:.82rem;transition:all .2s;white-space:nowrap}.ayah-action-btn:hover{background:#8b753233;color:#fff;border-color:#8b753266}.ayah-action-btn.playing,.ayah-action-btn.active{background:#8b753240;border-color:#8b7532;color:#c4a94d}.ayah-action-btn.bookmarked{color:#c4a94d}.ayah-action-btn.copied{background:#2e7d3233;border-color:#2e7d3266;color:#66bb6a}.ayah-action-btn:disabled{opacity:.4;cursor:not-allowed}.action-icon{font-size:1rem}.action-label{font-size:.78rem}.ayah-tafsir-section{padding:1.5rem 2rem;background:#0a1f154d;border-top:1px solid rgba(139,117,50,.1)}.tafsir-heading{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:#8b7532;margin:0 0 1rem;font-weight:600}.tafsir-loading{color:#ffffff80;font-style:italic}.tafsir-content-text{font-size:1rem;line-height:1.8;color:#ffffffbf;margin:0}.ayah-navigation{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;margin-top:2rem}.ayah-nav-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#8b753214;border:1px solid rgba(139,117,50,.2);border-radius:12px;color:#fffc;text-decoration:none;transition:all .2s}.ayah-nav-btn:hover{background:#8b753226;border-color:#8b753266;color:#fff}.ayah-nav-btn.prev{justify-self:start}.ayah-nav-btn.next{justify-self:end;text-align:right}.ayah-nav-btn.center{text-align:center;justify-content:center;flex-direction:column;gap:.15rem}.nav-arrow{font-size:1.3rem;color:#8b7532;flex-shrink:0}.nav-info{display:flex;flex-direction:column;gap:.1rem}.nav-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80}.nav-detail{font-size:.9rem;color:#ffffffd9;font-weight:500}@media (max-width: 768px){.ayah-page{padding:1rem}.ayah-header-section{padding:1.5rem 1rem}.badge-arabic{font-size:1.6rem}.ayah-page-title{font-size:1.3rem}.ayah-arabic-section{padding:1.5rem 1rem}.ayah-arabic-text{font-size:1.6rem;line-height:2}.ayah-translations-section{padding:1rem}.ayah-translation-text{font-size:1rem}.ayah-urdu-text{font-size:1.05rem}.ayah-actions-bar{padding:.75rem;gap:.35rem}.ayah-action-btn{padding:.4rem .6rem;font-size:.78rem}.action-label{display:none}.action-icon{font-size:1.1rem}.ayah-navigation{grid-template-columns:1fr 1fr;gap:.75rem}.ayah-nav-btn.center{grid-column:1 / -1}.ayah-nav-btn{padding:.75rem 1rem}.ayah-tafsir-section{padding:1rem}}@media (max-width: 480px){.ayah-meta-badges{gap:.5rem}.meta-badge{font-size:.72rem;padding:.2rem .5rem}.ayah-navigation{grid-template-columns:1fr}.ayah-nav-btn.prev,.ayah-nav-btn.next{justify-self:stretch}.ayah-nav-btn.next{text-align:left;flex-direction:row-reverse}}.settings-page-new{max-width:900px;margin:0 auto;padding:1.5rem}.settings-header{text-align:center;margin-bottom:2rem}.settings-header .back-link{display:inline-block;margin-bottom:1rem;color:var(--accent);text-decoration:none;font-size:.9rem}.settings-header .back-link:hover{text-decoration:underline}.settings-title{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.75rem;color:var(--text-primary);margin-bottom:.5rem}.settings-icon{font-size:1.5rem}.settings-subtitle{color:var(--text-secondary);font-size:.95rem}.settings-tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem;background:var(--bg-card);padding:.5rem;border-radius:12px;border:1px solid var(--border)}.settings-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s}.settings-tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.settings-tab.active{background:var(--accent);color:#fff}.tab-icon{font-size:1.1rem}.settings-content{min-height:400px}.settings-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 700px){.settings-panel{grid-template-columns:1fr}}.settings-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.settings-card.full-width{grid-column:1 / -1}.card-header{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.card-icon{font-size:1.1rem}.card-header h3{font-size:.95rem;font-weight:600;color:var(--text-primary);flex:1}.current-selection{font-size:.75rem;color:var(--accent);background:#1e7b4a1a;padding:.25rem .5rem;border-radius:4px;font-weight:500}.card-content{padding:1rem 1.25rem}.theme-toggle-row{display:flex;gap:.75rem}.theme-option{flex:1}.theme-btn{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:2px solid var(--border);border-radius:10px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .2s}.theme-btn:hover{border-color:var(--accent)}.theme-btn.active{border-color:var(--accent);background:#1e7b4a1a;color:var(--accent)}.theme-emoji{font-size:1.5rem}.font-size-slider{display:flex;align-items:center;gap:.75rem}.size-label{color:var(--text-secondary);font-family:var(--arabic-font-family)}.size-label.small{font-size:.875rem}.size-label.large{font-size:1.5rem}.slider{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:3px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid white;box-shadow:0 2px 6px #0003}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid white;box-shadow:0 2px 6px #0003}.size-value{min-width:45px;text-align:center;font-size:.85rem;font-weight:600;color:var(--accent);background:#1e7b4a1a;padding:.25rem .5rem;border-radius:4px}.font-style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.font-style-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;border:2px solid var(--border);border-radius:8px;background:var(--bg-primary);cursor:pointer;transition:all .2s}.font-style-btn:hover{border-color:var(--accent)}.font-style-btn.active{border-color:var(--accent);background:#1e7b4a1a}.font-preview{font-size:1.25rem;color:var(--text-primary);line-height:1.4}.font-name{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.check-mark{position:absolute;top:4px;right:4px;font-size:.65rem;color:var(--accent);background:#1e7b4a33;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.preview-card{grid-column:1 / -1;background:linear-gradient(135deg,var(--accent) 0%,#166339 100%);border-radius:12px;padding:1.5rem;text-align:center;color:#fff}.preview-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;opacity:.8;margin-bottom:.75rem}.preview-arabic{font-family:var(--arabic-font-family);direction:rtl;margin-bottom:.75rem;line-height:1.8;text-shadow:0 2px 4px rgba(0,0,0,.1)}.preview-translation{font-size:.9rem;opacity:.9}.reciter-compact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;max-height:320px;overflow-y:auto;padding-right:.5rem}.reciter-compact-btn{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);cursor:pointer;transition:all .2s;text-align:left}.reciter-compact-btn:hover{border-color:var(--accent);background:var(--bg-secondary)}.reciter-compact-btn.active{border-color:var(--accent);background:#1e7b4a1a}.reciter-initial{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:50%;font-weight:600;font-size:.85rem;flex-shrink:0}.reciter-info{flex:1;min-width:0;display:flex;flex-direction:column}.reciter-name{font-size:.8rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reciter-arabic{font-size:.7rem;color:var(--text-secondary);font-family:var(--arabic-font-family)}.check-icon{color:var(--accent);font-size:.9rem;flex-shrink:0}.script-compact-grid{display:flex;flex-wrap:wrap;gap:.5rem}.script-compact-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--border);border-radius:20px;background:var(--bg-primary);cursor:pointer;transition:all .2s;font-size:.85rem;color:var(--text-secondary)}.script-compact-btn:hover{border-color:var(--accent);color:var(--text-primary)}.script-compact-btn.active{border-color:var(--accent);background:var(--accent);color:#fff}.script-compact-btn .check-icon{font-size:.75rem;color:inherit}.translation-select{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.95rem;cursor:pointer;margin-bottom:.75rem}.translation-select:focus{outline:none;border-color:var(--accent)}.translation-select optgroup{font-weight:600;color:var(--accent)}.translation-stats{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.8rem;color:var(--text-secondary)}.stat{display:flex;align-items:center;gap:.25rem}.stat-divider{opacity:.5}.tafsir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem}.tafsir-btn{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);cursor:pointer;transition:all .2s;text-align:left}.tafsir-btn:hover{border-color:var(--accent);background:var(--bg-secondary)}.tafsir-btn.active{border-color:var(--accent);background:#1e7b4a1a}.tafsir-info{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.tafsir-name{font-size:.85rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tafsir-arabic{font-size:.75rem;color:var(--text-secondary);font-family:var(--arabic-font-family);direction:rtl}.tafsir-language-group{margin-bottom:1.25rem}.tafsir-language-group:last-of-type{margin-bottom:.5rem}.tafsir-language-title{font-size:.85rem;font-weight:600;color:var(--accent);margin-bottom:.5rem;padding-bottom:.25rem;border-bottom:1px solid var(--border)}.tafsir-author{font-size:.7rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tafsir-note{margin-top:.75rem;font-size:.8rem;color:var(--text-secondary);font-style:italic;text-align:center}@media (max-width: 500px){.settings-page-new{padding:1rem}.settings-tabs{flex-wrap:wrap}.settings-tab{flex:1;justify-content:center;padding:.625rem .75rem}.tab-label{display:none}.tab-icon{font-size:1.25rem}.font-style-grid{grid-template-columns:repeat(3,1fr)}.reciter-compact-grid{grid-template-columns:1fr}.theme-toggle-row{flex-direction:row}}.tajweed-legend{margin-top:1.25rem;padding:1rem;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border)}.legend-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.legend-title:before{content:"🎨"}.legend-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.legend-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:var(--bg-card);border-radius:6px}.legend-color{width:16px;height:16px;border-radius:4px;flex-shrink:0}.legend-label{font-size:.75rem;color:var(--text-secondary);line-height:1.3}@media (max-width: 600px){.legend-grid{grid-template-columns:1fr}}.cache-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.cache-usage{background:var(--bg-card);border-radius:12px;padding:1rem;border:1px solid var(--border)}.usage-bar{height:12px;background:var(--bg-tertiary);border-radius:6px;overflow:hidden;margin-bottom:.75rem}.usage-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:6px;transition:width .3s ease}.usage-text{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary)}.cache-stores-list{display:flex;flex-direction:column;gap:.75rem}.cache-store-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-card);border-radius:10px;border:1px solid var(--border);transition:all .2s ease}.cache-store-item:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000001a}.store-info{display:flex;align-items:center;gap:.75rem}.store-icon{font-size:1.25rem}.store-name{font-weight:500;color:var(--text-primary)}.store-count{font-size:.85rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:.25rem .75rem;border-radius:20px}.clear-store-btn{padding:.5rem 1rem;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s ease}.clear-store-btn:hover:not(:disabled){background:#ef44441a;border-color:#ef4444;color:#ef4444}.clear-store-btn:disabled{opacity:.5;cursor:not-allowed}.danger-zone{border-color:#ef44444d}.danger-zone .card-header{border-bottom-color:#ef444433}.danger-text{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:1rem}.clear-all-btn{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease}.clear-all-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.clear-all-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 600px){.cache-store-item{flex-direction:column;align-items:flex-start;gap:.75rem}.clear-store-btn{width:100%;text-align:center}}.chat-page{min-height:100vh;display:flex;flex-direction:column}.chat-main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem}.chat-header{display:flex;align-items:center;justify-content:flex-end;margin-bottom:1.5rem}.clear-chat-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.clear-chat-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.clear-chat-btn svg{width:18px;height:18px}.chat-messages-area{display:flex;flex-direction:column;gap:2rem;min-height:300px}.chat-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 2rem;background:var(--bg-card);border-radius:20px;border:1px solid var(--border)}.welcome-icon{margin-bottom:1.5rem}.bismillah{font-family:var(--arabic-font-family);font-size:2.5rem;color:var(--accent);display:block;line-height:1.6}.chat-welcome h2{font-size:2rem;margin-bottom:.75rem;color:var(--text-primary);font-weight:700}.chat-welcome>p{color:var(--text-secondary);max-width:600px;line-height:1.7;font-size:1.1rem}.suggested-questions{margin-top:2.5rem;width:100%;max-width:800px}.suggested-questions h3{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1.25rem;font-weight:500}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.suggestion-btn{padding:1rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:.95rem;text-align:left;cursor:pointer;transition:all .25s ease;line-height:1.5}.suggestion-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.chat-message{display:flex;gap:1rem;animation:fadeIn .3s ease;max-width:900px}.chat-message.user{flex-direction:row-reverse;margin-left:auto}.chat-message.assistant{margin-right:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{width:44px;height:44px;min-width:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-message.user .message-avatar{background:linear-gradient(135deg,var(--accent) 0%,#1a5c3a 100%);color:#fff}.chat-message.assistant .message-avatar{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.message-avatar svg{width:24px;height:24px}.message-content{flex:1;padding:1.25rem 1.5rem;border-radius:20px;line-height:1.7;max-width:750px}.chat-message.user .message-content{background:linear-gradient(135deg,var(--accent) 0%,#1a5c3a 100%);color:#fff;border-bottom-right-radius:6px}.chat-message.assistant .message-content{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-bottom-left-radius:6px}.formatted-content{font-size:1rem}.formatted-content p{margin:.6rem 0}.formatted-content p:first-child{margin-top:0}.formatted-content p:last-child{margin-bottom:0}.chat-heading{margin:1.25rem 0 .75rem;color:var(--accent);font-weight:600}.chat-heading:first-child{margin-top:0}.chat-list-item{margin-left:1.5rem;margin-bottom:.4rem}.chat-quote{border-left:4px solid var(--accent);padding-left:1.25rem;margin:1rem 0;color:var(--text-secondary);font-style:italic;background:var(--bg-secondary);padding:1rem 1.25rem;border-radius:0 10px 10px 0}.formatted-content strong{color:var(--accent);font-weight:600}.formatted-content code{background:var(--bg-secondary);padding:.2rem .5rem;border-radius:6px;font-family:monospace;font-size:.9em}.typing-indicator{display:flex;gap:5px;padding:.5rem 0}.typing-indicator span{width:10px;height:10px;background:var(--accent);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-input-section{position:sticky;bottom:0;background:linear-gradient(to top,var(--bg-primary) 80%,transparent);padding:2rem 0;margin-top:2rem}.chat-input-form{max-width:900px;margin:0 auto}.input-wrapper{display:flex;gap:.75rem;background:var(--bg-card);border:2px solid var(--border);border-radius:16px;padding:.5rem .5rem .5rem 1rem;transition:border-color .2s,box-shadow .2s}.input-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #22c55e26}.input-wrapper textarea{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:1rem;font-family:inherit;padding:.75rem 0;resize:none;outline:none;max-height:150px;line-height:1.5}.input-wrapper textarea::placeholder{color:var(--text-secondary)}.send-btn{width:50px;height:50px;border:none;border-radius:12px;background:var(--accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.send-btn:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.05)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.send-btn svg{width:24px;height:24px}.chat-disclaimer{text-align:center;font-size:.85rem;color:var(--text-secondary);margin-top:1rem;line-height:1.5}@media (max-width: 768px){.chat-main-content{padding:1rem}.chat-welcome{padding:2rem 1.25rem;border-radius:16px}.bismillah{font-size:1.75rem}.chat-welcome h2{font-size:1.5rem}.chat-welcome>p{font-size:1rem}.suggestions-grid{grid-template-columns:1fr}.suggestion-btn{padding:.9rem 1rem}.chat-message{gap:.75rem}.message-avatar{width:36px;height:36px;min-width:36px}.message-avatar svg{width:20px;height:20px}.message-content{padding:1rem 1.25rem;border-radius:16px;max-width:85%}.chat-message.user .message-content{border-bottom-right-radius:4px}.chat-message.assistant .message-content{border-bottom-left-radius:4px}.chat-input-section{padding:1.5rem 0;margin-top:1.5rem}.input-wrapper{border-radius:14px}.input-wrapper textarea{font-size:16px}.send-btn{width:46px;height:46px}}.features-page{min-height:100vh}.section-container{max-width:1200px;margin:0 auto;padding:0 1rem}.section-header{margin-bottom:3rem;text-align:center}.section-badge{display:inline-block;padding:.4rem 1rem;background:#1e7b4a1a;color:var(--accent);font-size:.85rem;font-weight:600;border-radius:20px;margin-bottom:1rem}.section-badge.light{background:#ffffff26;color:#fff}.section-header h2{font-size:2.25rem;color:var(--text-primary);margin-bottom:.75rem;line-height:1.2}.section-header p{color:var(--text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto}.section-header.light h2,.section-header.light p{color:#fff}.section-header.light p{color:#ffffffd9}.features-hero{background:linear-gradient(135deg,var(--accent) 0%,#145a35 100%);padding:5rem 1rem;text-align:center;position:relative;overflow:hidden;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.features-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.features-hero .hero-content{position:relative;z-index:1;max-width:900px;margin:0 auto}.hero-badge{display:inline-block;padding:.5rem 1.25rem;background:#ffffff26;color:#fff;font-size:.9rem;font-weight:500;border-radius:25px;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.features-hero h1{font-size:3rem;color:#fff;margin-bottom:1.5rem;line-height:1.2}.features-hero h1 .highlight{color:#a8e6cf}.hero-description{font-size:1.2rem;color:#ffffffe6;margin-bottom:2rem;line-height:1.7}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-btn{padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.hero-btn.primary{background:#fff;color:var(--accent)}.hero-btn.primary:hover{background:#f0f0f0;transform:translateY(-2px)}.hero-btn.secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5)}.hero-btn.secondary:hover{background:#ffffff1a;border-color:#fff}.stats-banner{background:var(--bg-secondary);padding:3rem 1rem;border-bottom:1px solid var(--border)}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem}@media (max-width: 1000px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-item .stat-value{font-size:2.25rem;font-weight:700;color:var(--accent);line-height:1}.stat-item .stat-label{font-size:1rem;font-weight:600;color:var(--text-primary);margin-top:.25rem}.stat-item .stat-desc{font-size:.8rem;color:var(--text-secondary)}.feature-section{padding:5rem 1rem}.feature-section.alt-bg{background:var(--bg-secondary)}.feature-section.highlight-bg{background:linear-gradient(135deg,var(--accent) 0%,#145a35 100%)}.feature-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-cards-grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1000px){.feature-cards-grid,.feature-cards-grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.feature-cards-grid,.feature-cards-grid.cols-4{grid-template-columns:1fr}}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.75rem;transition:all .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px var(--shadow);border-color:var(--accent)}.feature-card.compact{padding:1.5rem}.feature-card-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.feature-card h3{font-size:1.15rem;color:var(--text-primary);margin-bottom:.75rem}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1rem}.feature-highlights{display:flex;flex-wrap:wrap;gap:.5rem}.highlight-tag{background:#1e7b4a1a;color:var(--accent);padding:.3rem .75rem;border-radius:15px;font-size:.8rem;font-weight:500}.highlight-tag.small{padding:.2rem .6rem;font-size:.75rem}.section-cta{text-align:center;margin-top:2.5rem;display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.section-cta.light{margin-top:3rem}.section-link{color:var(--accent);font-weight:600;text-decoration:none;font-size:1rem;transition:all .2s}.section-link:hover{text-decoration:underline}.section-btn{display:inline-block;padding:1rem 2rem;background:var(--accent);color:#fff;font-weight:600;border-radius:8px;text-decoration:none;transition:all .2s}.section-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.hadith-showcase{max-width:900px;margin:0 auto}.hadith-feature-card{display:flex;gap:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;margin-bottom:1rem;transition:all .3s}.hadith-feature-card:hover{border-color:var(--accent)}.hadith-feature-card .feature-card-icon{font-size:2rem;margin-bottom:0;flex-shrink:0}.hadith-feature-content h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:.5rem}.hadith-feature-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:.75rem}.collection-tags{display:flex;flex-wrap:wrap;gap:.4rem}.collection-tag{background:var(--bg-secondary);color:var(--text-secondary);padding:.25rem .6rem;border-radius:4px;font-size:.75rem;border:1px solid var(--border)}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 1000px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.tools-grid{grid-template-columns:1fr}}.tool-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-decoration:none;transition:all .3s;position:relative}.tool-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 10px 25px var(--shadow)}.tool-icon{font-size:2rem;display:block;margin-bottom:.75rem}.tool-card h3{font-size:1rem;color:var(--text-primary);margin-bottom:.5rem}.tool-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.tool-arrow{position:absolute;top:1rem;right:1rem;color:var(--accent);opacity:0;transition:all .2s}.tool-card:hover .tool-arrow{opacity:1}.teaching-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 900px){.teaching-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.teaching-grid{grid-template-columns:1fr}}.teaching-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:1.75rem;text-align:center;transition:all .3s}.teaching-card:hover{background:#ffffff26;transform:translateY(-3px)}.teaching-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.teaching-card h3{font-size:1.1rem;color:#fff;margin-bottom:.5rem}.teaching-card p{color:#fffc;font-size:.9rem;line-height:1.6}.ai-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:3rem}@media (max-width: 1000px){.ai-features-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.ai-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.ai-features-grid{grid-template-columns:1fr}}.ai-feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s}.ai-feature-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 10px 25px var(--shadow)}.ai-feature-icon{font-size:2rem;display:block;margin-bottom:.75rem}.ai-feature-card h3{font-size:.95rem;color:var(--text-primary);margin-bottom:.5rem}.ai-feature-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.ai-demo-section{max-width:700px;margin:0 auto}.ai-demo-content h3{text-align:center;font-size:1.25rem;color:var(--text-primary);margin-bottom:1.5rem}.ai-showcase{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media (max-width: 900px){.ai-showcase{grid-template-columns:1fr;gap:2rem}}.ai-content h2{font-size:2rem;color:var(--text-primary);margin-bottom:1rem}.ai-content p{color:var(--text-secondary);font-size:1.05rem;line-height:1.7;margin-bottom:1.5rem}.ai-features-list{list-style:none;padding:0;margin-bottom:2rem}.ai-features-list li{color:var(--text-primary);padding:.5rem 0;font-size:1rem}.ai-chat-preview{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.chat-bubble{padding:1rem 1.25rem;border-radius:12px;margin-bottom:1rem;font-size:.95rem;line-height:1.6}.chat-bubble.user{background:var(--accent);color:#fff;margin-left:2rem;border-bottom-right-radius:4px}.chat-bubble.ai{background:var(--bg-secondary);color:var(--text-primary);margin-right:2rem;border-bottom-left-radius:4px}.chat-bubble .source{display:block;margin-top:.75rem;font-size:.8rem;color:var(--accent)}.additional-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 1000px){.additional-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.additional-grid{grid-template-columns:1fr}}.additional-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;transition:all .2s}.additional-card:hover{border-color:var(--accent)}.additional-icon{font-size:1.5rem;flex-shrink:0}.additional-content h4{font-size:.95rem;color:var(--text-primary);margin-bottom:.25rem}.additional-content p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.technical-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 900px){.technical-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.technical-grid{grid-template-columns:1fr}}.technical-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s}.technical-card:hover{border-color:var(--accent);transform:translateY(-3px)}.technical-icon{font-size:2rem;display:block;margin-bottom:.75rem}.technical-card h3{font-size:1rem;color:var(--text-primary);margin-bottom:.5rem}.technical-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.cta-section{padding:5rem 1rem;background:var(--bg-secondary)}.cta-content{max-width:700px;margin:0 auto;text-align:center}.cta-content h2{font-size:2.25rem;color:var(--text-primary);margin-bottom:1rem}.cta-content p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.7}.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-btn{padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.cta-btn.primary:hover{background:var(--accent-hover);transform:translateY(-2px)}.cta-btn.secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border)}.cta-btn.secondary:hover{border-color:var(--accent);color:var(--accent)}@media (max-width: 768px){.features-hero h1{font-size:2rem}.hero-description{font-size:1rem}.section-header h2,.stat-item .stat-value,.ai-content h2,.cta-content h2{font-size:1.75rem}.hadith-feature-card{flex-direction:column;gap:1rem}}.resources-page{min-height:100vh;background:var(--bg-primary)}.resources-hero{position:relative;padding:80px 20px 60px;background:linear-gradient(135deg,#0d3d2e,#1a5f4a,#0d3d2e);overflow:hidden;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.hero-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(255,255,255,.02) 20px,rgba(255,255,255,.02) 40px),repeating-linear-gradient(-45deg,transparent,transparent 20px,rgba(255,255,255,.02) 20px,rgba(255,255,255,.02) 40px);opacity:.5}.resources-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(212,175,55,.1) 0%,transparent 70%);pointer-events:none}.resources-hero .hero-content{position:relative;max-width:1200px;margin:0 auto;text-align:center;z-index:1;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.resources-hero.visible .hero-content{opacity:1;transform:translateY(0)}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#d4af3726;border:1px solid rgba(212,175,55,.3);border-radius:50px;color:#d4af37;font-size:.9rem;font-weight:600;margin-bottom:1.5rem}.badge-icon{font-size:1.1rem}.resources-hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:#fff;margin-bottom:1rem;line-height:1.1;text-shadow:0 4px 30px rgba(0,0,0,.3)}.hero-subtitle{font-size:1.15rem;color:#ffffffd9;max-width:700px;margin:0 auto 2.5rem;line-height:1.7}.hero-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;max-width:900px;margin:0 auto}.hero-stat{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-icon{font-size:1.5rem}.stat-content{display:flex;flex-direction:column;text-align:left}.stat-value{font-size:1.1rem;font-weight:700;color:#d4af37}.stat-label{font-size:.75rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.section-container{max-width:1200px;margin:0 auto;padding:0 20px}.featured-section{padding:60px 0;background:var(--bg-secondary)}.section-header h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.section-header p{color:var(--text-secondary);font-size:1.05rem}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.featured-card{display:flex;flex-direction:column;padding:2rem;border-radius:20px;text-decoration:none;color:#fff;position:relative;overflow:hidden;min-height:260px;transition:all .4s cubic-bezier(.16,1,.3,1);opacity:0;transform:translateY(30px)}.featured-card.visible{opacity:1;transform:translateY(0);transition-delay:var(--delay)}.featured-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.featured-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px -12px #0006}.featured-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.featured-content{flex:1}.featured-content h3{font-size:1.4rem;font-weight:700;margin-bottom:.75rem}.featured-content p{font-size:.95rem;opacity:.9;line-height:1.6;margin-bottom:1rem}.featured-stat{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff26;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-num{font-size:1.1rem;font-weight:700}.stat-text{font-size:.8rem;opacity:.9}.featured-arrow{position:absolute;bottom:1.5rem;right:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%;transition:all .3s ease}.featured-arrow svg{width:20px;height:20px}.featured-card:hover .featured-arrow{background:#ffffff4d;transform:translate(5px)}.tools-section{padding:60px 0 80px}.tools-header{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.tools-header-content h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.tools-header-content p{color:var(--text-secondary)}.tools-search{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;min-width:280px}.tools-search svg{width:20px;height:20px;color:var(--text-secondary);flex-shrink:0}.tools-search input{flex:1;background:none;border:none;outline:none;font-size:.95rem;color:var(--text-primary)}.tools-search input::placeholder{color:var(--text-secondary)}.category-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.category-tab{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:50px;font-size:.9rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .25s ease}.category-tab:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--accent)}.category-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tab-icon{font-size:1rem}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.tool-card{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);opacity:0;transform:translateY(20px)}.tool-card.visible{opacity:1;transform:translateY(0);transition-delay:var(--delay)}.tool-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 40px -12px #1e7b4a33}.tool-icon-wrapper{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:14px;flex-shrink:0}.tool-icon{font-size:1.75rem;filter:brightness(0) invert(1)}.tool-content{flex:1;min-width:0}.tool-content h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.4rem}.tool-content p{font-size:.85rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-stat{display:inline-flex;align-items:center;gap:.35rem;margin-top:.75rem;padding:.3rem .75rem;background:#1e7b4a1a;border-radius:20px;font-size:.75rem}.tool-stat-value{font-weight:700;color:var(--accent)}.tool-stat-label{color:var(--text-secondary)}.tool-arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:8px;flex-shrink:0;opacity:0;transform:translate(-10px);transition:all .3s ease}.tool-arrow svg{width:16px;height:16px;color:var(--accent)}.tool-card:hover .tool-arrow{opacity:1;transform:translate(0)}.no-results{text-align:center;padding:60px 20px;color:var(--text-secondary)}.no-results-icon{font-size:3rem;display:block;margin-bottom:1rem;opacity:.5}.no-results button{margin-top:1rem;padding:.75rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.no-results button:hover{background:var(--accent-dark);transform:translateY(-2px)}.cta-section{padding:40px 0 80px}.cta-card{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:3rem;background:linear-gradient(135deg,#1a5f4a,#0d3d2e);border-radius:24px;position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.cta-content{position:relative;z-index:1;flex:1}.cta-content h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.75rem}.cta-content p{font-size:1.05rem;color:#ffffffd9;margin-bottom:1.5rem;max-width:500px;line-height:1.6}.cta-buttons{display:flex;gap:1rem;flex-wrap:wrap}.cta-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:12px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease}.cta-btn.primary{background:#fff;color:#0d3d2e}.cta-btn.primary:hover{background:#d4af37;color:#0d3d2e;transform:translateY(-3px);box-shadow:0 10px 30px -10px #0000004d}.cta-btn.primary svg{width:18px;height:18px;transition:transform .3s ease}.cta-btn.primary:hover svg{transform:translate(3px)}.cta-btn.secondary{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3)}.cta-btn.secondary:hover{background:#ffffff40;transform:translateY(-3px)}.cta-decoration{position:relative;z-index:1}.cta-icon{font-size:6rem;opacity:.3}@media (max-width: 1024px){.featured-grid,.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.resources-hero{padding:60px 20px 50px}.resources-hero h1{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-stats{gap:.75rem}.hero-stat{padding:.5rem 1rem}.stat-icon{font-size:1.25rem}.stat-value{font-size:.95rem}.featured-grid{grid-template-columns:1fr}.featured-card{min-height:auto;padding:1.5rem}.tools-header{flex-direction:column;align-items:stretch}.tools-search{min-width:auto}.category-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:1rem;-webkit-overflow-scrolling:touch}.category-tab{white-space:nowrap;flex-shrink:0}.tools-grid{grid-template-columns:1fr}.cta-card{flex-direction:column;text-align:center;padding:2rem}.cta-content{text-align:center}.cta-content p{margin-left:auto;margin-right:auto}.cta-buttons{justify-content:center}.cta-decoration{display:none}}@media (max-width: 480px){.hero-stats{flex-direction:column;align-items:center}.hero-stat{width:100%;max-width:200px;justify-content:center}.tool-card{padding:1.25rem}.tool-icon-wrapper{width:48px;height:48px}.tool-icon{font-size:1.5rem}.category-tab{padding:.5rem 1rem;font-size:.85rem}}.tools-page{max-width:1200px;margin:0 auto;padding:2rem 1rem}.tools-hero{text-align:center;padding:3rem 1rem;background:linear-gradient(135deg,var(--accent) 0%,#1a5c3a 100%);border-radius:20px;margin-bottom:3rem;color:#fff}.tools-badge{display:inline-block;padding:.5rem 1.25rem;background:#fff3;border-radius:50px;font-size:.9rem;font-weight:500;margin-bottom:1rem}.tools-hero h1{font-size:2.5rem;margin-bottom:.75rem}.tools-hero p{font-size:1.1rem;opacity:.9;max-width:600px;margin:0 auto}.tool-page-header{text-align:center;padding:2rem 1rem 3rem}.tool-page-header .back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:.9rem;margin-bottom:1.5rem;transition:color .2s}.tool-page-header .back-link:hover{color:var(--accent)}.tool-page-header .back-link svg{width:18px;height:18px}.tool-page-header h1{font-size:2rem;margin-bottom:.5rem;color:var(--text-primary)}.tool-page-header p{color:var(--text-secondary);max-width:600px;margin:0 auto}.tool-content{max-width:900px;margin:0 auto;padding:0 1rem 3rem}.share-card-generator{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem}.verse-selector{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.verse-selector select{padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;cursor:pointer}.verse-selector select:focus{outline:none;border-color:var(--accent)}.card-preview{background:var(--bg-secondary);border-radius:12px;padding:2rem;text-align:center;margin-bottom:2rem;min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center}.card-preview.bg-gradient-green{background:linear-gradient(135deg,#2ea043,#1a5c3a);color:#fff}.card-preview.bg-gradient-blue{background:linear-gradient(135deg,#0969da,#1f6feb);color:#fff}.card-preview.bg-gradient-purple{background:linear-gradient(135deg,#8250df,#a371f7);color:#fff}.card-preview.bg-gradient-gold{background:linear-gradient(135deg,#bf8700,#d4a72c);color:#fff}.card-preview.bg-pattern-islamic{background:var(--accent) url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");color:#fff}.card-preview .arabic-text{font-family:var(--arabic-font-family);font-size:2rem;line-height:2;margin-bottom:1.5rem;direction:rtl}.card-preview .translation-text{font-size:1.1rem;line-height:1.6;margin-bottom:1rem;font-style:italic}.card-preview .verse-reference{font-size:.9rem;opacity:.9}.background-options{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:2rem}.bg-option{width:50px;height:50px;border-radius:10px;border:3px solid transparent;cursor:pointer;transition:all .2s}.bg-option:hover{transform:scale(1.1)}.bg-option.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--accent)}.bg-option.green{background:linear-gradient(135deg,#2ea043,#1a5c3a)}.bg-option.blue{background:linear-gradient(135deg,#0969da,#1f6feb)}.bg-option.purple{background:linear-gradient(135deg,#8250df,#a371f7)}.bg-option.gold{background:linear-gradient(135deg,#bf8700,#d4a72c)}.bg-option.islamic{background:var(--accent) url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.2'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.share-buttons,.votd-actions,.hadith-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;margin-top:1.5rem;padding:0}button.share-btn,.share-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:14px 24px;margin:0;border:none;border-radius:8px;font-size:14px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:.3px;cursor:pointer;transition:opacity .15s ease,transform .15s ease;text-decoration:none;white-space:nowrap;height:48px;min-width:140px;box-sizing:border-box;flex-shrink:0}button.share-btn svg,.share-btn svg{width:18px;height:18px;flex-shrink:0;display:inline-block}button.share-btn:hover,.share-btn:hover{opacity:.85;transform:translateY(-2px)}button.share-btn:active,.share-btn:active{transform:translateY(0);opacity:1}button.share-btn.twitter,.share-btn.twitter{background-color:#0f1419;color:#fff}button.share-btn.whatsapp,.share-btn.whatsapp{background-color:#25d366;color:#fff}button.share-btn.copy,.share-btn.copy{background-color:#484f58;color:#fff}button.share-btn.copy.copied,.share-btn.copy.copied{background-color:#238636}button.share-btn.download,.share-btn.download{background-color:#238636;color:#fff}.votd-container{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;overflow:hidden}.votd-header{background:linear-gradient(135deg,var(--accent) 0%,#1a5c3a 100%);padding:2rem;text-align:center;color:#fff}.votd-date{font-size:.9rem;opacity:.9;margin-bottom:.5rem}.votd-title{font-size:1.5rem;font-weight:700}.votd-content{padding:2.5rem 2rem}.votd-arabic{font-family:var(--arabic-font-family);font-size:2.25rem;line-height:2;text-align:center;direction:rtl;margin-bottom:2rem;color:var(--text-primary)}.votd-translation{font-size:1.15rem;line-height:1.8;text-align:center;color:var(--text-secondary);margin-bottom:1.5rem;font-style:italic}.votd-reference{text-align:center;margin-bottom:2rem}.votd-reference span{display:inline-block;padding:.5rem 1.25rem;background:var(--bg-secondary);border-radius:50px;font-size:.95rem;color:var(--accent);font-weight:500}.votd-reflection{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.votd-reflection h3{font-size:1rem;margin-bottom:.75rem;color:var(--accent)}.votd-reflection p{color:var(--text-secondary);line-height:1.6;margin:0}.hijri-converter{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem}.converter-section{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:center;margin-bottom:2rem}.date-input-group{background:var(--bg-secondary);border-radius:12px;padding:1.5rem}.date-input-group label{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.date-input-group input{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem}.converter-arrow{width:50px;height:50px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.converter-arrow svg{width:24px;height:24px}.islamic-events{margin-top:2rem}.islamic-events h3{font-size:1.25rem;margin-bottom:1rem;color:var(--text-primary)}.events-list{display:grid;gap:.75rem}.event-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--bg-secondary);border-radius:10px}.event-name{font-weight:500;color:var(--text-primary)}.event-date{color:var(--accent);font-size:.9rem}.adhkar-container{display:flex;flex-direction:column;gap:2rem}.adhkar-tabs{display:flex;gap:1rem;justify-content:center}.adhkar-tab{padding:.75rem 2rem;border:2px solid var(--border);border-radius:50px;background:var(--bg-card);color:var(--text-primary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.adhkar-tab:hover{border-color:var(--accent)}.adhkar-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.adhkar-list{display:flex;flex-direction:column;gap:1.5rem}.adhkar-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.adhkar-arabic{font-family:var(--arabic-font-family);font-size:1.75rem;line-height:2;text-align:right;direction:rtl;margin-bottom:1rem;color:var(--text-primary)}.adhkar-transliteration{font-style:italic;color:var(--accent);margin-bottom:.75rem}.adhkar-translation{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.adhkar-meta{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border)}.adhkar-count{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.adhkar-audio-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s}.adhkar-audio-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.adhkar-audio-btn svg{width:18px;height:18px}.names-container{display:flex;flex-direction:column;gap:2rem}.names-search{display:flex;justify-content:center}.names-search input{width:100%;max-width:400px;padding:.875rem 1.25rem;border:1px solid var(--border);border-radius:50px;background:var(--bg-card);color:var(--text-primary);font-size:1rem}.names-search input:focus{outline:none;border-color:var(--accent)}.names-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.name-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.5rem;cursor:pointer;transition:all .2s}.name-card:hover{border-color:var(--accent);transform:translateY(-2px)}.name-card.expanded{grid-column:1 / -1;max-width:600px}.name-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.name-number{width:32px;height:32px;background:var(--accent);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600}.name-arabic{font-family:var(--arabic-font-family);font-size:2rem;color:var(--accent);direction:rtl}.name-english{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.name-meaning{color:var(--text-secondary);font-size:.95rem}.name-details{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.name-verse{background:var(--bg-secondary);border-radius:10px;padding:1rem;margin-bottom:1rem}.name-verse-arabic{font-family:var(--arabic-font-family);font-size:1.25rem;direction:rtl;text-align:right;margin-bottom:.5rem;color:var(--text-primary)}.name-verse-ref{font-size:.85rem;color:var(--accent)}.name-reflection{color:var(--text-secondary);font-size:.9rem;line-height:1.6;font-style:italic}.hadith-container{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;overflow:hidden}.hadith-header{background:linear-gradient(135deg,#1f6feb,#0969da);padding:2rem;text-align:center;color:#fff}.hadith-source{display:inline-block;padding:.4rem 1rem;background:#fff3;border-radius:50px;font-size:.85rem;margin-bottom:.75rem}.hadith-title{font-size:1.5rem;font-weight:700}.hadith-content{padding:2.5rem 2rem}.hadith-arabic{font-family:var(--arabic-font-family);font-size:1.75rem;line-height:2;text-align:right;direction:rtl;margin-bottom:2rem;color:var(--text-primary)}.hadith-translation{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.hadith-reference{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.hadith-reference span{padding:.5rem 1rem;background:var(--bg-secondary);border-radius:8px;font-size:.9rem;color:var(--text-primary)}.hadith-explanation{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.hadith-explanation h3{font-size:1rem;margin-bottom:.75rem;color:#1f6feb}.hadith-explanation p{color:var(--text-secondary);line-height:1.6;margin:0}.new-verse-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .25s ease;margin-bottom:1.5rem}.new-verse-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px)}.new-verse-btn svg{width:18px;height:18px}@media (max-width: 768px){.verse-selector,.converter-section{grid-template-columns:1fr}.converter-arrow{transform:rotate(90deg);margin:0 auto}.share-buttons,.votd-actions,.hadith-actions{flex-direction:column;align-items:stretch;gap:12px}button.share-btn,.share-btn{width:100%;min-width:unset;padding:14px 20px;justify-content:center}.names-grid{grid-template-columns:1fr}.adhkar-tabs{flex-direction:column}.adhkar-tab{text-align:center}}.share-card-page{min-height:100vh;background:linear-gradient(135deg,#0c1821,#1a2f3d,#0c1821);padding-bottom:60px}.share-card-hero{background:linear-gradient(135deg,#581c87,#7c3aed)!important}.share-stats-display{flex-wrap:wrap;justify-content:center}.stat-item{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-number{font-size:1.5rem;color:#fff;font-weight:700}.stat-item .stat-label{font-size:.8rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px}.share-container{max-width:1400px;margin:0 auto;padding:40px 20px 60px}.mode-selector{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.mode-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--bg-card);border:2px solid var(--border);border-radius:12px;font-size:1rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .25s ease}.mode-btn:hover{border-color:#7c3aed}.mode-btn.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.generator-layout{display:grid;grid-template-columns:400px 1fr;gap:2rem;margin-bottom:3rem}.controls-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;overflow:hidden}.tabs-header{display:flex;border-bottom:1px solid var(--border)}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:none;border:none;font-size:.9rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s;border-bottom:3px solid transparent}.tab-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.tab-btn.active{color:#7c3aed;border-bottom-color:#7c3aed}.tab-content{padding:1.5rem;max-height:600px;overflow-y:auto}.control-group{margin-bottom:1.5rem}.control-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.bg-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.bg-swatch{aspect-ratio:1;border-radius:10px;border:3px solid transparent;cursor:pointer;transition:all .2s}.bg-swatch:hover{transform:scale(1.1)}.bg-swatch.active{border-color:#fff;box-shadow:0 0 0 2px #7c3aed}.decoration-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.decoration-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-secondary);border:2px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s;color:var(--text-primary)}.decoration-btn:hover{border-color:#7c3aed}.decoration-btn.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.dec-icon{font-size:1.25rem}.dec-name{font-size:.85rem;font-weight:500}.range-slider{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-secondary);border-radius:4px;cursor:pointer}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#7c3aed;border-radius:50%;cursor:pointer}.toggle-group{display:flex;flex-direction:column;gap:.75rem}.toggle-item{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem;color:var(--text-primary)}.toggle-item input{display:none}.toggle-switch{width:44px;height:24px;background:var(--bg-secondary);border-radius:12px;position:relative;transition:all .2s}.toggle-switch:after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:all .2s}.toggle-item input:checked+.toggle-switch{background:#7c3aed}.toggle-item input:checked+.toggle-switch:after{left:23px}.styled-select{width:100%;padding:.875rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;font-size:.95rem;color:var(--text-primary);cursor:pointer}.styled-select:focus{outline:none;border-color:#7c3aed}.styled-textarea{width:100%;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;font-size:.95rem;color:var(--text-primary);resize:vertical;font-family:inherit}.styled-textarea:focus{outline:none;border-color:#7c3aed}.font-options{display:flex;flex-direction:column;gap:.5rem}.font-btn{display:flex;flex-direction:column;align-items:flex-start;padding:.875rem;background:var(--bg-secondary);border:2px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s;color:var(--text-primary)}.font-btn:hover{border-color:#7c3aed}.font-btn.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.font-name{font-weight:600;font-size:.95rem}.font-desc{font-size:.8rem;opacity:.7}.align-options{display:flex;gap:.5rem}.align-btn{flex:1;padding:.75rem;background:var(--bg-secondary);border:2px solid var(--border);border-radius:8px;font-size:.85rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s}.align-btn:hover{border-color:#7c3aed}.align-btn.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.size-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.size-btn{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1rem;background:var(--bg-secondary);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s;color:var(--text-primary)}.size-btn:hover{border-color:#7c3aed}.size-btn.active{background:#7c3aed1a;border-color:#7c3aed}.size-icon{font-size:1.5rem}.size-name{font-size:.8rem;font-weight:600;color:var(--text-primary);text-align:center}.size-ratio{font-size:.7rem;color:var(--text-secondary)}.size-info{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:10px}.info-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.info-value{font-size:.95rem;font-weight:600;color:var(--text-primary)}.preview-panel{display:flex;flex-direction:column}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.preview-header h3{font-size:1.1rem;color:var(--text-primary)}.preview-size{font-size:.85rem;color:var(--text-secondary);background:var(--bg-secondary);padding:.35rem .75rem;border-radius:6px}.preview-container{display:flex;justify-content:center;align-items:center;min-height:400px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem;margin-bottom:1.5rem}.card-canvas{width:100%;max-width:400px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px #0000004d;transition:all .3s ease}.card-inner-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;width:100%;height:100%}.card-loading{font-size:1rem;opacity:.7}.card-placeholder{font-size:.95rem;opacity:.5}.card-decorative-top{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;width:100%;justify-content:center}.decorative-line{width:50px;height:2px;background:#fff6;border-radius:1px}.decorative-icon{font-size:1.25rem;opacity:.8}.card-arabic{font-size:28px;line-height:2;direction:rtl;margin-bottom:1.5rem;font-family:var(--arabic-font-family)}.card-divider{margin-bottom:1rem}.divider-ornament{font-size:1rem;opacity:.6}.card-translation{font-size:14px;line-height:1.7;font-style:italic;margin-bottom:1.5rem;max-width:90%}.card-custom-text{font-size:20px;line-height:1.8;max-width:90%}.card-reference{display:flex;flex-direction:column;gap:.25rem;padding:.5rem 1rem;background:#ffffff26;border-radius:8px;margin-bottom:1rem}.ref-surah{font-size:.85rem;font-weight:600}.ref-ayah{font-size:.75rem;opacity:.8}.card-logo{display:flex;align-items:center;gap:.35rem;font-size:.7rem;opacity:.6;margin-top:auto}.action-buttons{display:flex;flex-direction:column;gap:1rem}.download-row{display:flex;gap:.75rem}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.action-btn svg{width:20px;height:20px}.action-btn.primary{background:#7c3aed;color:#fff}.action-btn.primary:hover:not(:disabled){background:#6d28d9;transform:translateY(-2px)}.action-btn.secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.action-btn.secondary:hover:not(:disabled){background:var(--bg-card);border-color:#7c3aed}.share-row{display:flex;justify-content:center;gap:.75rem}.share-row .share-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:none;border-radius:12px;cursor:pointer;transition:all .2s}.share-row .share-btn.twitter{background:#0f1419;color:#fff}.share-row .share-btn.whatsapp{background:#25d366;color:#fff}.share-row .share-btn.copy{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.share-row .share-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003}.tips-section{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:2rem}.tips-section h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.tips-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.tip-card{text-align:center;padding:1.5rem;background:var(--bg-secondary);border-radius:12px}.tip-icon{font-size:2rem;display:block;margin-bottom:.75rem}.tip-card h4{font-size:.95rem;color:var(--text-primary);margin-bottom:.5rem}.tip-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.back-nav{text-align:center;padding:2rem 0 0;max-width:1400px;margin:0 auto}.back-nav .back-link:hover{color:#7c3aed}@media (max-width: 1024px){.generator-layout{grid-template-columns:1fr}.controls-panel{order:2}.preview-panel{order:1}.tips-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.mode-selector{flex-direction:column}.mode-btn{justify-content:center}.bg-grid{grid-template-columns:repeat(4,1fr)}.tips-grid{grid-template-columns:1fr}.download-row{flex-direction:column}.share-stats-display{gap:15px}.today-divider{display:none}}@media (max-width: 480px){.tabs-header{flex-wrap:wrap}.tab-btn{flex:none;width:33.33%}.size-grid{grid-template-columns:1fr}}.hijri-calendar-page{min-height:100vh;background:linear-gradient(135deg,#0c1821,#1a2f3d,#0c1821);padding-bottom:60px}.hijri-hero{background:linear-gradient(135deg,#1a5f4a,#0d3025);padding:60px 20px;text-align:center;position:relative;overflow:hidden;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.hijri-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M30 0l30 30-30 30L0 30z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.hijri-hero-content{max-width:900px;margin:0 auto;position:relative;z-index:1}.hijri-hero h1{font-size:2.5rem;color:#fff;margin-bottom:10px;font-weight:700}.hijri-hero>.hijri-hero-content>p{font-size:1.1rem;color:#fffc;margin-bottom:30px}.today-display{display:flex;align-items:center;justify-content:center;gap:30px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:25px 40px;margin-bottom:25px;flex-wrap:wrap}.today-gregorian,.today-hijri{display:flex;flex-direction:column;align-items:center;gap:5px}.today-label{font-size:.85rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px}.today-date{font-size:1.3rem;color:#fff;font-weight:600}.today-arabic{font-size:1.1rem;color:#d4af37;font-family:Amiri,Scheherazade New,serif}.today-divider{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.today-divider svg{width:24px;height:24px;color:#d4af37}.countdown-banner{display:flex;align-items:center;justify-content:center;gap:15px;background:linear-gradient(135deg,#d4af37,#b8952f);padding:15px 25px;border-radius:12px;max-width:500px;margin:0 auto}.countdown-icon{width:50px;height:50px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}.countdown-icon svg{width:28px;height:28px;color:#0d3025}.countdown-info{display:flex;flex-direction:column;align-items:flex-start;color:#0d3025}.countdown-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;opacity:.8}.countdown-event{font-size:1.1rem;font-weight:700}.countdown-days{font-size:.9rem;font-weight:500}.hijri-tabs{display:flex;justify-content:center;gap:10px;padding:20px;background:#0003;flex-wrap:wrap}.hijri-tab{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb3;cursor:pointer;transition:all .3s ease;font-size:.95rem}.hijri-tab svg{width:18px;height:18px}.hijri-tab:hover{background:#ffffff1a;color:#fff}.hijri-tab.active{background:linear-gradient(135deg,#1a5f4a,#0d3025);border-color:#1a5f4a;color:#fff}.hijri-content{max-width:1400px;margin:0 auto;padding:30px 20px}.calendar-section{display:grid;grid-template-columns:1fr 350px;gap:30px}.calendar-main{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:25px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:20px;flex-wrap:wrap}.calendar-nav{display:flex;gap:8px}.nav-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb3;cursor:pointer;transition:all .3s ease}.nav-btn:hover{background:#ffffff1a;color:#fff}.nav-btn svg{width:18px;height:18px}.today-btn{padding:10px 20px;background:linear-gradient(135deg,#1a5f4a,#0d3025);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:500;transition:all .3s ease}.today-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #1a5f4a66}.calendar-title{text-align:center}.calendar-title h2{font-size:1.5rem;color:#fff;margin:0}.calendar-title .hijri-title{font-size:1rem;color:#d4af37}.calendar-grid{margin-bottom:20px}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:10px}.weekday{text-align:center;padding:12px 0;color:#fff9;font-size:.85rem;font-weight:600;text-transform:uppercase}.weekday.friday{color:#1a5f4a}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;cursor:pointer;transition:all .3s ease;position:relative;padding:5px}.day:hover{background:#ffffff14;border-color:#fff3}.day.other-month{opacity:.3}.day.today{background:linear-gradient(135deg,#1a5f4a,#0d3025);border-color:#1a5f4a}.day.selected{border-color:#d4af37;border-width:2px}.gregorian-day{font-size:1rem;color:#fff;font-weight:600}.hijri-day{font-size:.7rem;color:#d4af37}.event-dot{position:absolute;bottom:5px;width:6px;height:6px;border-radius:50%;background:#d4af37}.day.event-eid{background:#d4af3726;border-color:#d4af374d}.day.event-eid .event-dot{background:#d4af37}.day.event-major{background:#1a5f4a26;border-color:#1a5f4a4d}.day.event-major .event-dot{background:#1a5f4a}.day.event-blessed{background:#9370db26;border-color:#9370db4d}.day.event-blessed .event-dot{background:#9370db}.day.event-hajj{background:#2e8b5726;border-color:#2e8b574d}.day.event-hajj .event-dot{background:#2e8b57}.calendar-legend{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.legend-item{display:flex;align-items:center;gap:8px;color:#ffffffb3;font-size:.85rem}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-dot.today-dot{background:linear-gradient(135deg,#1a5f4a,#0d3025)}.legend-dot.event-eid{background:#d4af37}.legend-dot.event-major{background:#1a5f4a}.legend-dot.event-blessed{background:#9370db}.legend-dot.event-hajj{background:#2e8b57}.calendar-sidebar{display:flex;flex-direction:column;gap:20px}.selected-date-info,.upcoming-events-sidebar{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px}.selected-date-info h3,.upcoming-events-sidebar h3{font-size:1.1rem;color:#fff;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.date-details{display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;flex-direction:column;gap:3px}.detail-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.detail-value{font-size:1rem;color:#fff}.arabic-date .detail-value{color:#d4af37;font-family:Amiri,Scheherazade New,serif;font-size:1.2rem}.selected-event{margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.selected-event h4{font-size:.9rem;color:#d4af37;margin-bottom:10px}.event-info{display:flex;flex-direction:column;gap:5px}.event-info .event-name{font-size:1rem;color:#fff;font-weight:600}.event-info .event-arabic{color:#d4af37;font-family:Amiri,serif}.event-info .event-desc{font-size:.85rem;color:#ffffffb3;margin:5px 0 0}.events-list{display:flex;flex-direction:column;gap:10px}.event-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:10px;border-left:3px solid transparent}.event-item.event-eid{border-left-color:#d4af37}.event-item.event-major{border-left-color:#1a5f4a}.event-item.event-blessed{border-left-color:#9370db}.event-item.event-hajj{border-left-color:#2e8b57}.event-date{display:flex;flex-direction:column;align-items:center;min-width:45px}.event-date .event-day{font-size:1.2rem;font-weight:700;color:#fff}.event-date .event-month{font-size:.7rem;color:#fff9;text-transform:uppercase}.event-details{display:flex;flex-direction:column;gap:2px;flex:1}.event-details .event-name{font-size:.9rem;color:#fff}.event-details .event-countdown{font-size:.75rem;color:#d4af37}.converter-section{max-width:800px;margin:0 auto}.converter-toggle{display:flex;justify-content:center;gap:10px;margin-bottom:30px}.converter-toggle button{padding:12px 30px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb3;cursor:pointer;transition:all .3s ease;font-size:1rem}.converter-toggle button:hover{background:#ffffff1a}.converter-toggle button.active{background:linear-gradient(135deg,#1a5f4a,#0d3025);border-color:#1a5f4a;color:#fff}.converter-form{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:30px;margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{display:block;color:#ffffffb3;margin-bottom:8px;font-size:.9rem}.form-group input[type=date],.form-group input[type=number],.form-group select{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#1a5f4a}.hijri-selects{display:grid;grid-template-columns:1fr 2fr 1fr;gap:10px}.hijri-selects select,.hijri-selects input{width:100%}.converter-result{display:flex;align-items:center;gap:20px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.result-arrow{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d4af37,#b8952f);border-radius:50%}.result-arrow svg{width:24px;height:24px;color:#0d3025}.result-display{display:flex;flex-direction:column;gap:5px}.result-label{font-size:.8rem;color:#fff9;text-transform:uppercase;letter-spacing:1px}.result-value{font-size:1.4rem;color:#fff;font-weight:600}.result-arabic{font-size:1.2rem;color:#d4af37;font-family:Amiri,serif}.quick-reference{margin-top:30px}.quick-reference h3{color:#fff;font-size:1.3rem;margin-bottom:20px;text-align:center}.reference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.reference-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:25px}.reference-card h4{color:#d4af37;margin-bottom:15px;font-size:1.1rem}.reference-card ul{list-style:none;padding:0;margin:0}.reference-card li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);color:#fffc}.reference-card li:last-child{border-bottom:none}.month-num{color:#ffffff80;min-width:25px}.month-name{flex:1}.month-arabic{color:#d4af37;font-family:Amiri,serif}.reference-card p{color:#ffffffb3;line-height:1.6;margin-bottom:15px}.calendar-facts{margin-top:10px}.calendar-facts li{padding:6px 0 6px 20px;position:relative}.calendar-facts li:before{content:"•";position:absolute;left:0;color:#1a5f4a}.events-section{max-width:1200px;margin:0 auto}.events-section h2{color:#fff;font-size:1.8rem;text-align:center;margin-bottom:10px}.events-intro{text-align:center;color:#ffffffb3;margin-bottom:30px}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.event-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;transition:all .3s ease}.event-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.event-card-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#ffffff08}.event-type-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;text-transform:uppercase;font-weight:600}.event-card.event-eid .event-type-badge{background:#d4af3733;color:#d4af37}.event-card.event-major .event-type-badge{background:#1a5f4a33;color:#3cb371}.event-card.event-blessed .event-type-badge{background:#9370db33;color:#9370db}.event-card.event-hajj .event-type-badge{background:#2e8b5733;color:#2e8b57}.event-countdown-badge{font-size:.85rem;color:#d4af37;font-weight:600}.event-card-body{padding:20px}.event-card-body h3{color:#fff;font-size:1.2rem;margin-bottom:5px}.event-arabic-name{display:block;color:#d4af37;font-family:Amiri,serif;font-size:1.1rem;margin-bottom:10px}.event-description{color:#ffffffb3;font-size:.9rem;line-height:1.5;margin:0}.event-card-footer{padding:15px 20px;background:#ffffff05;border-top:1px solid rgba(255,255,255,.05)}.event-dates{display:flex;flex-direction:column;gap:8px}.hijri-date,.gregorian-date{display:flex;align-items:center;gap:8px;font-size:.9rem}.hijri-date{color:#d4af37}.gregorian-date{color:#ffffffb3}.hijri-date svg,.gregorian-date svg{width:16px;height:16px}.age-section{max-width:800px;margin:0 auto}.age-section h2{color:#fff;font-size:1.8rem;text-align:center;margin-bottom:10px}.age-intro{text-align:center;color:#ffffffb3;margin-bottom:30px}.age-calculator{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:30px}.age-input-section h3{color:#fff;margin-bottom:20px;text-align:center}.age-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.age-tabs button{padding:10px 25px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .3s ease}.age-tabs button.active{background:#1a5f4a;border-color:#1a5f4a;color:#fff}.calculate-btn{display:block;width:100%;padding:14px;background:linear-gradient(135deg,#d4af37,#b8952f);border:none;border-radius:10px;color:#0d3025;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px}.calculate-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #d4af3766}.age-results{margin-top:30px;padding-top:30px;border-top:1px solid rgba(255,255,255,.1)}.birth-info{text-align:center;margin-bottom:25px}.birth-info h4{color:#fff9;font-size:.9rem;margin-bottom:10px}.birth-dates{display:flex;flex-direction:column;gap:5px}.birth-dates .gregorian{color:#fff;font-size:1.1rem}.birth-dates .hijri{color:#d4af37}.age-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:25px}.age-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px}.age-card-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:#ffffffb3;font-size:.9rem}.age-card-header svg{width:20px;height:20px}.gregorian-age .age-card-header{color:#fff}.hijri-age .age-card-header{color:#d4af37}.age-values{display:flex;justify-content:space-around}.age-value{text-align:center}.age-value .number{display:block;font-size:2rem;font-weight:700;color:#fff}.age-value .label{font-size:.8rem;color:#fff9;text-transform:uppercase}.hijri-age .age-value .number{color:#d4af37}.total-days{text-align:center;padding:15px;background:#d4af371a;border-radius:10px;color:#fffc}.total-days strong{display:inline-block;font-size:1.5rem;color:#d4af37;margin:0 5px}.back-home-link{display:inline-flex;align-items:center;gap:8px;padding:12px 25px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fffc;text-decoration:none;margin:30px auto 0;position:fixed;bottom:20px;left:50%;transform:translate(-50%);transition:all .3s ease;z-index:100}.back-home-link:hover{background:#ffffff1a;color:#fff}.back-home-link svg{width:18px;height:18px}@media (max-width: 1024px){.calendar-section{grid-template-columns:1fr}.calendar-sidebar{flex-direction:row;flex-wrap:wrap}.selected-date-info,.upcoming-events-sidebar{flex:1;min-width:280px}}@media (max-width: 768px){.hijri-hero h1{font-size:1.8rem}.today-display{flex-direction:column;gap:15px;padding:20px}.today-divider{transform:rotate(90deg)}.hijri-tabs{padding:15px 10px;gap:5px}.hijri-tab{padding:10px 15px;font-size:.85rem}.hijri-tab span{display:none}.calendar-header{flex-direction:column}.day{padding:3px}.gregorian-day{font-size:.85rem}.hijri-day{font-size:.6rem}.hijri-selects,.events-grid,.age-cards{grid-template-columns:1fr}.converter-toggle{flex-direction:column}.converter-toggle button{width:100%}}.hijri-converter-page{min-height:100vh;background:linear-gradient(135deg,#0c1821,#1a2f3d,#0c1821);padding-bottom:60px}.converter-hero-style{background:linear-gradient(135deg,#0c4a6e,#0284c7)!important}.converter-container{max-width:1200px;margin:0 auto;padding:40px 20px 60px}.tool-tabs{display:flex;justify-content:center;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.tool-tab{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--bg-card);border:2px solid var(--border);border-radius:12px;font-size:.95rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .25s ease}.tool-tab:hover{border-color:#0284c7;color:#0284c7}.tool-tab.active{background:#0284c7;border-color:#0284c7;color:#fff}.tool-content{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:2rem;margin-bottom:2rem}.direction-toggle{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem;padding:.5rem;background:var(--bg-secondary);border-radius:12px;max-width:400px;margin-left:auto;margin-right:auto}.dir-btn{flex:1;padding:.75rem 1rem;background:none;border:none;border-radius:8px;font-size:.9rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.dir-btn:hover{color:var(--text-primary)}.dir-btn.active{background:#0284c7;color:#fff}.converter-cards{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:center;margin-bottom:2rem}.date-card{background:var(--bg-secondary);border-radius:16px;padding:1.5rem;transition:all .3s}.date-card.input-card{border:2px solid #0284c7;box-shadow:0 0 30px #0284c726}.date-card.output-card{opacity:.85}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.card-icon{font-size:1.5rem}.card-header h3{font-size:1.1rem;color:var(--text-primary);flex:1}.input-badge{font-size:.7rem;padding:.25rem .5rem;background:#0284c7;color:#fff;border-radius:4px;text-transform:uppercase}.card-content{display:flex;flex-direction:column;gap:1rem}.date-input{width:100%;padding:.875rem 1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;font-size:1rem;color:var(--text-primary)}.date-input:focus{outline:none;border-color:#0284c7}.date-input:disabled{opacity:.6;cursor:not-allowed}.date-display{font-size:.95rem;color:var(--text-secondary);text-align:center}.date-display.hijri{display:flex;flex-direction:column;gap:.25rem}.arabic-date{font-family:var(--arabic-font-family);font-size:1.25rem;color:#0284c7}.hijri-selectors{display:flex;gap:.5rem}.hijri-select,.hijri-input{padding:.875rem .75rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;font-size:.95rem;color:var(--text-primary)}.hijri-select:focus,.hijri-input:focus{outline:none;border-color:#0284c7}.hijri-select:disabled,.hijri-input:disabled{opacity:.6;cursor:not-allowed}.hijri-select.day{width:70px}.hijri-select.month{flex:1}.hijri-input.year{width:80px;text-align:center}.swap-button{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#0284c7;border-radius:50%;cursor:pointer;transition:all .2s}.swap-button svg{width:24px;height:24px;color:#fff}.swap-button:hover{transform:rotate(180deg);background:#0369a1}.info-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.info-card{padding:1.5rem;background:var(--bg-secondary);border-radius:12px;text-align:center}.info-icon{font-size:2rem;display:block;margin-bottom:.75rem}.info-card h4{font-size:1rem;color:var(--text-primary);margin-bottom:.5rem}.info-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.age-tab,.historical-tab{max-width:600px;margin:0 auto}.age-intro,.historical-intro{text-align:center;margin-bottom:2rem}.age-intro h3,.historical-intro h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem}.age-intro p,.historical-intro p{color:var(--text-secondary)}.age-input-section,.historical-input{text-align:center;margin-bottom:2rem}.input-label{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:.75rem}.birth-input,.year-input{padding:1rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;font-size:1.1rem;color:var(--text-primary);margin-bottom:1rem}.birth-input:focus,.year-input:focus{outline:none;border-color:#0284c7}.calculate-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:#0284c7;border:none;border-radius:12px;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.calculate-btn:hover:not(:disabled){background:#0369a1;transform:translateY(-2px)}.calculate-btn:disabled{opacity:.5;cursor:not-allowed}.age-results{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.result-card{padding:1.5rem;border-radius:16px;text-align:center}.result-card.gregorian{background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid rgba(16,185,129,.2)}.result-card.hijri{background:linear-gradient(135deg,#0284c71a,#0284c70d);border:1px solid rgba(2,132,199,.2)}.result-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.result-icon{font-size:1.25rem}.result-header h4{font-size:1rem;color:var(--text-primary)}.result-age{margin-bottom:.5rem}.age-number{font-size:3rem;font-weight:800;color:var(--text-primary)}.age-unit{font-size:1rem;color:var(--text-secondary);margin-left:.5rem}.result-detail{font-size:.95rem;color:var(--text-secondary);margin-bottom:.5rem}.result-total{font-size:.85rem;color:var(--text-secondary);opacity:.8}.birth-info{grid-column:1 / -1;text-align:center;padding:1.5rem;background:var(--bg-secondary);border-radius:12px;margin-top:1rem}.birth-info h4{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.birth-hijri{font-size:1.25rem;font-weight:600;color:#0284c7}.events-tab{max-width:800px;margin:0 auto}.events-header{text-align:center;margin-bottom:2rem}.events-header h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem}.events-header p{color:var(--text-secondary)}.events-grid{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.event-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-secondary);border-radius:12px;border-left:4px solid transparent;cursor:pointer;transition:all .2s}.event-card:hover{background:var(--bg-primary)}.event-card.holy{border-left-color:#8b5cf6}.event-card.fasting{border-left-color:#10b981}.event-card.eid{border-left-color:#f59e0b}.event-card.hajj{border-left-color:#ef4444}.event-card.celebration{border-left-color:#ec4899}.event-card.miracle{border-left-color:#06b6d4}.event-icon{font-size:1.5rem;flex-shrink:0}.event-info{flex:1}.event-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.event-dates{display:flex;gap:1rem;flex-wrap:wrap}.hijri-date{font-size:.85rem;color:#0284c7;font-weight:500}.greg-date{font-size:.85rem;color:var(--text-secondary)}.event-desc{font-size:.85rem;color:var(--text-secondary);margin-top:.5rem;line-height:1.5}.event-expand{flex-shrink:0;color:var(--text-secondary)}.events-legend{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary)}.legend-item span{width:12px;height:12px;border-radius:3px}.legend-item.holy span{background:#8b5cf6}.legend-item.fasting span{background:#10b981}.legend-item.eid span{background:#f59e0b}.legend-item.hajj span{background:#ef4444}.legend-item.celebration span{background:#ec4899}.input-row{display:flex;align-items:center;justify-content:center;gap:.5rem}.ah-label{font-size:1rem;font-weight:600;color:var(--text-secondary)}.historical-result{margin-bottom:2rem}.result-box{text-align:center;padding:2rem;background:linear-gradient(135deg,#0284c71a,#0284c70d);border:1px solid rgba(2,132,199,.2);border-radius:16px}.result-box h4{font-size:1.25rem;color:#0284c7;margin-bottom:.75rem}.equals{font-size:1.5rem;color:var(--text-secondary);margin-bottom:.75rem}.greg-result .year{display:block;font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:.25rem}.greg-result .full{font-size:.95rem;color:var(--text-secondary)}.historical-highlights h4{text-align:center;font-size:1.1rem;color:var(--text-primary);margin-bottom:1rem}.highlights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.highlight-item{display:flex;flex-direction:column;padding:1rem;background:var(--bg-secondary);border-radius:10px;cursor:pointer;transition:all .2s;border:1px solid transparent}.highlight-item:hover{background:var(--bg-primary);border-color:#0284c7}.highlight-item .year{font-size:1.1rem;font-weight:700;color:#0284c7}.highlight-item .event{font-size:.85rem;color:var(--text-secondary)}.month-reference{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:2rem}.month-reference h3{font-size:1.25rem;color:var(--text-primary);text-align:center;margin-bottom:1.5rem}.months-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.month-item{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--bg-secondary);border-radius:12px;text-align:center;transition:all .2s}.month-item.current{background:#0284c7;color:#fff}.month-num{font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem}.month-item.current .month-num{color:#ffffffb3}.month-name{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.month-item.current .month-name{color:#fff}.month-arabic{font-family:var(--arabic-font-family);font-size:1.1rem;color:#0284c7;margin-bottom:.25rem}.month-item.current .month-arabic{color:gold}.month-days{font-size:.75rem;color:var(--text-secondary)}.month-item.current .month-days{color:#ffffffb3}.back-nav{text-align:center;padding:2rem 0 0;max-width:1200px;margin:0 auto}.back-nav .back-link:hover{color:#0284c7}@media (max-width: 1024px){.months-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.tool-tabs{flex-direction:column;align-items:stretch}.tool-tab{justify-content:center}.converter-cards{grid-template-columns:1fr;gap:1rem}.swap-button{margin:0 auto}.info-cards,.age-results{grid-template-columns:1fr}.months-grid{grid-template-columns:repeat(2,1fr)}.highlights-grid{grid-template-columns:1fr}}@media (max-width: 480px){.hijri-selectors{flex-direction:column}.hijri-select.day,.hijri-select.month,.hijri-input.year{width:100%}.months-grid{grid-template-columns:1fr}}.historical-dates-page{min-height:100vh;background:linear-gradient(135deg,#0c1821,#1a2f3d,#0c1821);padding-bottom:60px}.historical-hero{background:linear-gradient(135deg,#0d3025,#1a5f4a,#1e7b4a)!important}.historical-stats{flex-wrap:wrap;justify-content:center}.historical-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:5px}.historical-stats .stat-number{font-size:1.75rem;color:#fff;font-weight:700}.historical-stats .stat-label{font-size:.8rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px}.historical-container{max-width:1200px;margin:0 auto;padding:40px 20px 60px}.filters-section{margin-bottom:3rem}.search-box{display:flex;align-items:center;gap:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1rem 1.5rem;margin-bottom:1.5rem}.search-box svg{width:24px;height:24px;color:var(--text-secondary);flex-shrink:0}.search-box input{flex:1;background:none;border:none;font-size:1.1rem;color:var(--text-primary);outline:none}.search-box input::placeholder{color:var(--text-secondary)}.era-filters{margin-bottom:1.5rem}.filter-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.era-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.era-btn{display:flex;flex-direction:column;align-items:flex-start;padding:.75rem 1.25rem;background:var(--bg-card);border:2px solid var(--border);border-radius:12px;font-size:.9rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .25s ease}.era-btn:hover{border-color:var(--era-color, #1e7b4a);color:var(--era-color, #1e7b4a)}.era-btn.active{background:var(--era-color, #1e7b4a);border-color:var(--era-color, #1e7b4a);color:#fff}.era-range{font-size:.7rem;opacity:.7;font-weight:400}.era-btn.active .era-range{color:#fffc}.category-filters{display:flex;flex-wrap:wrap;gap:.5rem}.category-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;font-size:.85rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.category-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.category-btn.active{background:#1e7b4a;border-color:#1e7b4a;color:#fff}.cat-icon{font-size:1rem}.timeline-section{position:relative;padding:2rem 0}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#1e7b4a,#0d3025);border-radius:2px;transform:translate(-50%)}.events-timeline{display:flex;flex-direction:column;gap:3rem}.timeline-event{display:flex;align-items:flex-start;position:relative;width:50%;cursor:pointer}.timeline-event.left{align-self:flex-start;padding-right:60px;justify-content:flex-end}.timeline-event.right{align-self:flex-end;padding-left:60px}.event-marker{position:absolute;width:56px;height:56px;background:var(--bg-card);border:4px solid #1e7b4a;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s ease}.timeline-event.left .event-marker{right:-28px}.timeline-event.right .event-marker{left:-28px}.timeline-event:hover .event-marker{transform:scale(1.15);background:#1e7b4a}.timeline-event:hover .event-marker .event-icon{transform:scale(1.1)}.event-icon{font-size:1.5rem;transition:transform .3s}.timeline-event.importance-legendary .event-marker{border-color:gold;box-shadow:0 0 20px #ffd7004d}.timeline-event.importance-legendary:hover .event-marker{background:gold}.timeline-event.importance-major .event-marker{border-color:#1e7b4a}.event-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:1.5rem;max-width:450px;transition:all .3s ease}.timeline-event:hover .event-card{transform:translateY(-5px);box-shadow:0 20px 40px #0000004d;border-color:#1e7b4a}.timeline-event.importance-legendary .event-card{border-color:#ffd7004d;background:linear-gradient(135deg,var(--bg-card) 0%,rgba(255,215,0,.05) 100%)}.event-year{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.75rem}.year-value{font-size:1.25rem;font-weight:800;color:#1e7b4a}.year-greg{font-size:.85rem;color:var(--text-secondary)}.event-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;line-height:1.3}.event-arabic{font-size:1.1rem;color:#1e7b4a;font-family:var(--arabic-font-family);margin-bottom:.75rem}.event-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.read-more-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#d977061a;border:1px solid rgba(217,119,6,.3);border-radius:8px;font-size:.85rem;font-weight:600;color:#1e7b4a;cursor:pointer;transition:all .2s}.read-more-btn:hover{background:#1e7b4a;border-color:#1e7b4a;color:#fff}.read-more-btn svg{width:16px;height:16px}.no-results{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.no-icon{font-size:3rem;display:block;margin-bottom:1rem}.no-results h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:.5rem}.event-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.event-modal{background:var(--bg-card);border-radius:24px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:none;border-radius:50%;cursor:pointer;transition:all .2s;z-index:10}.modal-close svg{width:20px;height:20px;color:var(--text-secondary)}.modal-close:hover{background:#ef4444}.modal-close:hover svg{color:#fff}.modal-header{display:flex;align-items:center;gap:1.5rem;padding:2rem 2rem 1.5rem;background:linear-gradient(135deg,rgba(217,119,6,.1) 0%,transparent 100%);border-bottom:1px solid var(--border)}.modal-icon{font-size:3rem;flex-shrink:0}.modal-title-section h2{font-size:1.75rem;color:var(--text-primary);margin-bottom:.25rem}.modal-arabic{font-size:1.5rem;color:#1e7b4a;font-family:var(--arabic-font-family)}.modal-dates{display:flex;gap:1rem;padding:1.25rem 2rem;background:var(--bg-secondary);flex-wrap:wrap}.date-badge{flex:1;min-width:200px;padding:1rem 1.25rem;border-radius:12px;text-align:center}.date-badge.hijri{background:linear-gradient(135deg,#d9770626,#d977060d);border:1px solid rgba(217,119,6,.3)}.date-badge.gregorian{background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid rgba(16,185,129,.3)}.date-badge .date-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.35rem}.date-badge.hijri .date-label{color:#1e7b4a}.date-badge.gregorian .date-label{color:#10b981}.date-badge .date-value{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.modal-content{padding:2rem}.story-section{margin-bottom:2rem}.story-section h3,.facts-section h3,.verses-section h3{font-size:1.1rem;font-weight:700;color:#1e7b4a;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.story-section h3:before{content:"📖"}.facts-section h3:before{content:"⭐"}.verses-section h3:before{content:"📜"}.story-text{font-size:1rem;line-height:1.8;color:var(--text-secondary)}.story-text p{margin-bottom:1.25rem}.story-text p:last-child{margin-bottom:0}.facts-section{margin-bottom:2rem}.facts-list{list-style:none;padding:0;display:grid;gap:.75rem}.facts-list li{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:var(--bg-secondary);border-radius:10px;font-size:.95rem;color:var(--text-primary)}.facts-list li svg{width:18px;height:18px;color:gold;flex-shrink:0;margin-top:2px}.verses-section{margin-bottom:1rem}.verse-quote{padding:1.25rem 1.5rem;background:linear-gradient(135deg,#10b9811a,#10b98105);border-left:4px solid #10b981;border-radius:0 12px 12px 0;font-style:italic;color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin:0 0 1rem}.modal-footer{padding:1.5rem 2rem;border-top:1px solid var(--border);display:flex;justify-content:center}.share-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:#1e7b4a;border:none;border-radius:12px;font-size:.95rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.share-btn:hover{background:#1a5f4a;transform:translateY(-2px)}.share-btn svg{width:18px;height:18px}.back-nav{text-align:center;padding:3rem 0 0}.back-nav .back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:color .2s}.back-nav .back-link:hover{color:#1e7b4a}.back-nav .back-link svg{width:18px;height:18px}@media (max-width: 1024px){.timeline-line{left:30px}.timeline-event{width:100%;padding-left:80px!important;padding-right:0!important;justify-content:flex-start!important}.timeline-event .event-marker{left:2px!important;right:auto!important}.event-card{max-width:100%}}@media (max-width: 768px){.era-buttons{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem}.era-btn{flex-shrink:0}.category-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem}.category-btn{flex-shrink:0}.timeline-line{left:20px}.timeline-event{padding-left:60px!important}.event-marker{width:44px;height:44px}.event-icon{font-size:1.25rem}.modal-header{flex-direction:column;text-align:center;padding:1.5rem}.modal-title-section h2{font-size:1.35rem}.modal-dates{flex-direction:column;padding:1rem}.modal-content{padding:1.5rem}.historical-stats .today-divider{display:none}.historical-stats{gap:15px}}@media (max-width: 480px){.event-card{padding:1rem}.event-title{font-size:1rem}.event-desc,.facts-list li{font-size:.85rem}}.prayer-times-page{min-height:100vh;background:var(--bg-primary)}.prayer-times-container{max-width:900px;margin:0 auto;padding:2rem 1rem}.location-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-secondary);border-radius:12px;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.date-info{text-align:right}.gregorian-date{font-weight:600;color:var(--text-primary)}.hijri-date{font-size:.9rem;color:var(--accent-color)}.next-prayer-card{background:linear-gradient(135deg,var(--accent-color),#1a5a3c);border-radius:16px;padding:2rem;text-align:center;color:#fff;margin-bottom:2rem}.next-prayer-label{font-size:.9rem;opacity:.9;margin-bottom:.5rem}.next-prayer-name{font-size:1.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}.prayer-icon{font-size:1.5rem}.arabic-name{font-family:var(--font-arabic);font-size:1.5rem}.countdown-timer{font-size:3rem;font-weight:700;font-family:Courier New,monospace;margin:.5rem 0}.next-prayer-time{opacity:.9}.view-toggle{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--bg-secondary);padding:.5rem;border-radius:12px;width:fit-content}.view-toggle button{padding:.75rem 1.5rem;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;font-weight:500;transition:all .2s}.view-toggle button.active{background:var(--accent-color);color:#fff}.prayer-times-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.prayer-time-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border-radius:12px;border:2px solid transparent;transition:all .2s}.prayer-time-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.prayer-time-card.next{border-color:var(--accent-color);background:linear-gradient(135deg,#1665341a,#1665340d)}.prayer-time-card .prayer-icon{font-size:2rem}.prayer-details{flex:1}.prayer-details .prayer-name{font-weight:600;color:var(--text-primary);font-size:1.1rem}.prayer-details .prayer-arabic{font-family:var(--font-arabic);color:var(--text-secondary);font-size:1rem}.prayer-time-card .prayer-time{font-size:1.25rem;font-weight:700;color:var(--accent-color)}.monthly-table-wrapper{overflow-x:auto;margin-bottom:2rem}.monthly-times-table{width:100%;border-collapse:collapse;background:var(--bg-secondary);border-radius:12px;overflow:hidden}.monthly-times-table th,.monthly-times-table td{padding:.75rem;text-align:center;border-bottom:1px solid var(--border-color)}.monthly-times-table th{background:var(--accent-color);color:#fff;font-weight:600}.monthly-times-table td{color:var(--text-primary);font-size:.9rem}.monthly-times-table tr.today{background:#16653426}.monthly-times-table tr.today td{font-weight:600}.date-cell{display:flex;flex-direction:column;align-items:center}.day-num{font-weight:600;font-size:1rem}.day-name{font-size:.75rem;color:var(--text-secondary)}.settings-section{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.settings-section h3{color:var(--text-primary);margin-bottom:1rem;font-size:1rem}.method-select{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;cursor:pointer}.method-select:focus{outline:none;border-color:var(--accent-color)}@media (max-width: 768px){.location-header{flex-direction:column;text-align:center}.date-info{text-align:center}.countdown-timer{font-size:2rem}.prayer-times-grid{grid-template-columns:1fr}.monthly-times-table th,.monthly-times-table td{padding:.5rem .25rem;font-size:.8rem}}.zakat-calculator-page{min-height:100vh;background:var(--bg-primary)}.zakat-hero{position:relative;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-primary) 100%);padding:3rem 1.5rem 2rem;text-align:center;overflow:hidden}.zakat-hero .hero-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d4af37' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.zakat-hero .hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.zakat-hero .hero-breadcrumb{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem;font-size:.9rem}.zakat-hero .hero-breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .2s}.zakat-hero .hero-breadcrumb a:hover{color:var(--accent)}.zakat-hero .hero-breadcrumb .separator{color:var(--text-muted)}.zakat-hero .hero-breadcrumb .current{color:var(--accent)}.zakat-title{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem}.zakat-title .title-arabic{font-family:Almarai,sans-serif;font-size:3rem;font-weight:800;background:linear-gradient(135deg,#a68a29,#d4af37,#f5e084 30%,#fffacd,#f5e084 70%,#d4af37,#a68a29);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:goldShine 3s ease-in-out infinite}.zakat-title .title-english{font-size:2rem;font-weight:600;color:var(--text-primary);letter-spacing:.1em;text-transform:uppercase}.zakat-subtitle{color:var(--text-secondary);font-size:1.1rem}.zakat-container{max-width:1400px;margin:0 auto;padding:2rem 1.5rem}.zakat-intro{margin-bottom:2rem}.intro-card{background:var(--bg-card);border-radius:16px;padding:2rem;border:1px solid var(--border)}.intro-card h2{color:var(--accent);margin-bottom:1rem;font-size:1.5rem}.intro-card p{color:var(--text-secondary);line-height:1.7}.quran-quote{background:linear-gradient(135deg,#d4af371a,#d4af370d);border-left:4px solid var(--accent);padding:1.5rem;margin:1.5rem 0;border-radius:0 12px 12px 0}.quran-quote p{font-style:italic;font-size:1.1rem;color:var(--text-primary);margin-bottom:.5rem}.quran-quote cite{color:var(--accent);font-size:.9rem}.zakat-rules{margin-top:1.5rem}.zakat-rules h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.2rem}.zakat-rules ul{list-style:none;padding:0}.zakat-rules li{color:var(--text-secondary);padding:.5rem 0 .5rem 1.5rem;position:relative}.zakat-rules li:before{content:"•";color:var(--accent);position:absolute;left:0;font-size:1.2rem}.zakat-rules li strong{color:var(--text-primary)}.zakat-settings{background:var(--bg-card);border-radius:16px;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--border)}.settings-row{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-end}.setting-item{flex:1;min-width:180px}.setting-item label{display:block;color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.setting-item select,.setting-item input[type=number]{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:1rem}.setting-item select:focus,.setting-item input:focus{outline:none;border-color:var(--accent)}.checkbox-item label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-primary)}.checkbox-item input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.nisab-display{margin-bottom:2rem}.nisab-card{background:linear-gradient(135deg,#d4af371a,#d4af370d);border-radius:16px;padding:1.5rem;border:1px solid rgba(212,175,55,.3)}.nisab-card h3{color:var(--accent);margin-bottom:1rem;text-align:center}.nisab-values{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.nisab-item{background:var(--bg-card);padding:1rem 1.5rem;border-radius:12px;text-align:center;flex:1;min-width:200px;border:1px solid var(--border)}.nisab-item.gold{border-color:#d4af37}.nisab-item.silver{border-color:silver}.nisab-item.minimum{border-color:var(--accent);background:linear-gradient(135deg,#d4af3726,#d4af370d)}.nisab-label{display:block;color:var(--text-secondary);font-size:.85rem;margin-bottom:.5rem}.nisab-value{display:block;color:var(--accent);font-size:1.5rem;font-weight:700}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.category-card{background:var(--bg-card);border-radius:16px;padding:1.5rem;border:1px solid var(--border);display:flex;flex-direction:column}.category-card.deduction{border-color:#ef44444d;background:linear-gradient(135deg,rgba(239,68,68,.05),transparent)}.category-header{display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.category-icon{font-size:2rem;flex-shrink:0}.category-info h3{color:var(--text-primary);font-size:1.1rem;margin-bottom:.25rem}.category-info p{color:var(--text-muted);font-size:.85rem;line-height:1.4}.rate-badge{display:inline-block;background:var(--accent);color:var(--bg-primary);padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;margin-top:.5rem}.category-items{flex:1;min-height:80px;margin-bottom:1rem}.no-items{color:var(--text-muted);font-style:italic;font-size:.9rem;text-align:center;padding:1rem}.item-row{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-secondary);border-radius:8px;margin-bottom:.5rem}.item-name{flex:1;color:var(--text-primary);font-size:.95rem}.item-value{color:var(--accent);font-weight:600}.remove-btn{width:24px;height:24px;border-radius:50%;border:none;background:#ef444433;color:#ef4444;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-btn:hover{background:#ef4444;color:#fff}.category-footer{border-top:1px solid var(--border);padding-top:1rem}.category-total,.category-zakat{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.95rem}.category-total span:first-child,.category-zakat span:first-child{color:var(--text-secondary)}.category-total span:last-child{color:var(--text-primary);font-weight:600}.deduction-value{color:#ef4444!important}.zakat-value{color:var(--accent)!important;font-weight:600}.add-item-btn{width:100%;padding:.75rem;background:transparent;border:2px dashed var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.95rem;transition:all .2s;margin-top:.5rem}.add-item-btn:hover{border-color:var(--accent);color:var(--accent);background:#d4af370d}.zakat-summary{margin-bottom:2rem}.summary-card{background:linear-gradient(135deg,var(--bg-card),var(--bg-secondary));border-radius:20px;padding:2rem;border:2px solid var(--accent)}.summary-card h2{color:var(--accent);text-align:center;margin-bottom:1.5rem;font-size:1.5rem}.summary-rows{max-width:500px;margin:0 auto 1.5rem}.summary-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border)}.summary-row:last-child{border-bottom:none}.summary-row span:first-child{color:var(--text-secondary)}.summary-row .positive{color:var(--primary-color);font-weight:600}.summary-row .negative{color:#ef4444;font-weight:600}.summary-row.highlight{background:#d4af371a;margin:0 -1rem;padding:.75rem 1rem;border-radius:8px}.summary-row.highlight span:last-child{color:var(--accent);font-weight:700;font-size:1.1rem}.summary-row.status .met{color:#22c55e;font-weight:600}.summary-row.status .not-met{color:#ef4444;font-weight:600}.total-zakat{text-align:center;padding:2rem;background:linear-gradient(135deg,#d4af3733,#d4af371a);border-radius:16px;margin-bottom:1.5rem}.zakat-amount span:first-child{display:block;color:var(--text-secondary);font-size:1rem;margin-bottom:.5rem}.zakat-amount .amount{display:block;font-size:3rem;font-weight:800;background:linear-gradient(135deg,#a68a29,#d4af37,#f5e084,#d4af37,#a68a29);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.zakat-note{color:var(--text-secondary);font-size:.9rem;margin-top:1rem;font-style:italic}.summary-actions{display:flex;justify-content:center;gap:1rem}.reset-btn{padding:.75rem 2rem;background:transparent;border:2px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:1rem;transition:all .2s}.reset-btn:hover{border-color:#ef4444;color:#ef4444}.zakat-recipients{background:var(--bg-card);border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid var(--border)}.zakat-recipients h2{color:var(--accent);text-align:center;margin-bottom:.5rem}.recipients-intro{color:var(--text-secondary);text-align:center;margin-bottom:1.5rem}.recipients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.recipient-card{background:var(--bg-secondary);border-radius:12px;padding:1.25rem;position:relative;border:1px solid var(--border)}.recipient-number{position:absolute;top:-10px;left:15px;background:var(--accent);color:var(--bg-primary);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.recipient-card h4{color:var(--text-primary);margin-bottom:.5rem;margin-top:.5rem}.recipient-card p{color:var(--text-muted);font-size:.9rem}.zakat-disclaimer{background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:1.5rem}.zakat-disclaimer h3{color:#ef4444;margin-bottom:1rem}.zakat-disclaimer ul{list-style:none;padding:0}.zakat-disclaimer li{color:var(--text-secondary);padding:.5rem 0 .5rem 1.5rem;position:relative;font-size:.9rem}.zakat-disclaimer li:before{content:"⚠";position:absolute;left:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.add-item-modal{background:var(--bg-card);border-radius:16px;padding:2rem;max-width:450px;width:100%;border:1px solid var(--border)}.add-item-modal h3{color:var(--accent);margin-bottom:1.5rem}.modal-form .form-group{margin-bottom:1rem}.modal-form label{display:block;color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.modal-form input{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:1rem}.modal-form input:focus{outline:none;border-color:var(--accent)}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.cancel-btn,.confirm-btn{flex:1;padding:.75rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s}.cancel-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.cancel-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.confirm-btn{background:var(--accent);border:none;color:var(--bg-primary);font-weight:600}.confirm-btn:hover{background:var(--accent-hover)}@media (max-width: 768px){.zakat-title .title-arabic{font-size:2rem}.zakat-title .title-english{font-size:1.5rem}.categories-grid{grid-template-columns:1fr}.zakat-amount .amount{font-size:2rem}.nisab-values{flex-direction:column}.nisab-item{min-width:auto}}.category-zakat.not-applicable{opacity:.7}.zakat-value.muted{color:var(--text-muted)!important;font-style:italic;font-weight:400}.zakat-features{margin-top:3rem}.zakat-features h2{text-align:center;color:var(--gold);font-size:1.75rem;margin-bottom:2rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.feature-card{background:#ffffff08;border:1px solid rgba(212,175,55,.15);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.feature-card:hover{background:#ffffff0d;border-color:#d4af374d;transform:translateY(-3px)}.feature-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.feature-card h3{color:var(--gold);font-size:1.1rem;margin-bottom:.75rem}.feature-card p{color:var(--text-muted);font-size:.9rem;line-height:1.6;margin:0}@media (max-width: 768px){.features-grid{grid-template-columns:1fr}.zakat-features h2{font-size:1.5rem}}.qibla-page{min-height:100vh;background:var(--bg-primary)}.qibla-container{max-width:800px;margin:0 auto;padding:2rem 1rem}.form-row input:focus{outline:none;border-color:var(--accent-color)}.btn-primary{padding:.75rem 1.5rem;background:var(--accent-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background .2s}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{padding:.75rem 1.5rem;background:transparent;color:var(--accent-color);border:2px solid var(--accent-color);border-radius:8px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.btn-secondary:hover{background:var(--accent-color);color:#fff}.location-header{display:flex;justify-content:center;padding:1rem 1.5rem;background:var(--bg-secondary);border-radius:12px;margin-bottom:2rem}.refresh-btn{background:none;border:none;cursor:pointer;font-size:1rem;opacity:.7;transition:opacity .2s}.refresh-btn:hover{opacity:1}.compass-section{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.compass-container{position:relative;width:300px;height:300px}.compass-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid var(--border-color);border-radius:50%;background:var(--bg-secondary);transition:transform .3s ease-out}.compass-marks{position:absolute;top:0;right:0;bottom:0;left:0}.compass-mark{position:absolute;top:5px;left:50%;width:2px;height:10px;background:var(--text-secondary);transform-origin:0 145px}.compass-mark.major{height:15px;width:3px;background:var(--text-primary)}.cardinal-points{position:absolute;top:0;right:0;bottom:0;left:0}.cardinal{position:absolute;font-weight:700;font-size:1.25rem;color:var(--text-primary)}.cardinal.n{top:25px;left:50%;transform:translate(-50%);color:#dc2626}.cardinal.s{bottom:25px;left:50%;transform:translate(-50%)}.cardinal.e{right:25px;top:50%;transform:translateY(-50%)}.cardinal.w{left:25px;top:50%;transform:translateY(-50%)}.qibla-needle{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;transition:transform .3s ease-out;pointer-events:none}.needle-arrow{position:relative;width:60px;height:150px}.needle-arrow:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:40px solid var(--accent-color)}.needle-arrow:after{content:"";position:absolute;top:38px;left:50%;transform:translate(-50%);width:6px;height:80px;background:var(--accent-color);border-radius:3px}.kaaba-icon{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:2rem;z-index:10}.compass-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:var(--bg-primary);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid var(--accent-color);z-index:5}.degree-display{font-size:1.5rem;font-weight:700;color:var(--accent-color)}.cardinal-display{font-size:.9rem;color:var(--text-secondary)}.enable-compass-btn{margin-top:1rem;padding:.75rem 1.5rem;background:var(--accent-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.qibla-info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.info-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border-radius:12px}.info-icon{font-size:2rem}.info-content{flex:1}.info-label{font-size:.85rem;color:var(--text-secondary);margin-bottom:.25rem}.info-value{font-weight:600;color:var(--text-primary)}.qibla-instructions{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.qibla-instructions h3{color:var(--text-primary);margin-bottom:1rem}.qibla-instructions ol{padding-left:1.25rem;color:var(--text-secondary)}.qibla-instructions li{margin-bottom:.5rem;line-height:1.6}.quick-link-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a;background:var(--accent-color);color:#fff}@media (max-width: 768px){.compass-container{width:280px;height:280px}.compass-mark{transform-origin:0 135px}.qibla-info-cards{grid-template-columns:1fr}}.ramadan-calendar-page{min-height:100vh;background:var(--bg-primary)}.ramadan-container{max-width:1000px;margin:0 auto;padding:2rem 1rem}.location-form-card{background:var(--bg-secondary);border-radius:16px;padding:2rem;text-align:center;margin-bottom:2rem}.location-form-card h3{color:var(--text-primary);margin-bottom:.5rem}.location-form-card p{color:var(--text-secondary);margin-bottom:1.5rem}.form-row{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;justify-content:center}.form-row input{flex:1;min-width:150px;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem}.btn-primary{padding:.75rem 1.5rem;background:var(--accent-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.btn-secondary{padding:.75rem 1.5rem;background:transparent;color:var(--accent-color);border:2px solid var(--accent-color);border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.loading-spinner{text-align:center;padding:4rem 2rem}.spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.location-header{display:flex;justify-content:center;padding:1rem 1.5rem;background:var(--bg-secondary);border-radius:12px;margin-bottom:1.5rem}.location-info{display:flex;align-items:center;gap:.5rem}.location-icon{font-size:1.25rem}.location-name{font-weight:600;color:var(--text-primary)}.refresh-btn{background:none;border:none;cursor:pointer;font-size:1rem;opacity:.7}.ramadan-info-banner{background:linear-gradient(135deg,#1a365d,#2d3748);border-radius:16px;padding:2rem;text-align:center;color:#fff;margin-bottom:2rem}.ramadan-title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.moon-icon{font-size:2rem}.ramadan-dates{opacity:.9;margin-bottom:1rem}.ramadan-stats{display:flex;justify-content:center;gap:2rem}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.5rem;font-weight:700}.stat-label{font-size:.85rem;opacity:.8}.stat.highlight{background:#ffffff26;padding:.5rem 1rem;border-radius:8px}.today-times-card{background:var(--bg-secondary);border-radius:16px;padding:1.5rem;margin-bottom:2rem;border:2px solid var(--accent-color)}.today-header{text-align:center;margin-bottom:1.5rem}.today-header h3{color:var(--text-primary);margin-bottom:.25rem}.today-date{color:var(--text-secondary);font-size:.9rem}.today-times{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.time-block{text-align:center;padding:1rem 2rem;border-radius:12px;background:var(--bg-primary);min-width:140px}.time-block.suhoor{border:2px solid #f59e0b}.time-block.iftar{border:2px solid #ef4444}.time-icon{font-size:2rem;margin-bottom:.5rem}.time-label{font-size:.85rem;color:var(--text-secondary);margin-bottom:.25rem}.time-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.fasting-duration{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--text-secondary);font-weight:600}.duration-icon{font-size:1.5rem}.settings-row{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.setting-item{flex:1;min-width:200px}.setting-item label{display:block;color:var(--text-secondary);font-size:.85rem;margin-bottom:.5rem}.setting-item select{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;cursor:pointer}.calendar-table-wrapper{overflow-x:auto;margin-bottom:2rem}.ramadan-table{width:100%;border-collapse:collapse;background:var(--bg-secondary);border-radius:12px;overflow:hidden}.ramadan-table th,.ramadan-table td{padding:.75rem 1rem;text-align:center;border-bottom:1px solid var(--border-color)}.ramadan-table th{background:linear-gradient(135deg,#1a365d,#2d3748);color:#fff;font-weight:600}.ramadan-table td{color:var(--text-primary)}.ramadan-table tr.today{background:#16653426}.ramadan-table tr.today td{font-weight:600}.day-cell .ramadan-day{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent-color);color:#fff;border-radius:50%;font-weight:600}.date-cell .gregorian{font-weight:500}.date-cell .weekday{font-size:.8rem;color:var(--text-secondary)}.time-cell.suhoor{color:#f59e0b;font-weight:600}.time-cell.iftar{color:#ef4444;font-weight:600}.duration-cell{color:var(--text-secondary);font-size:.9rem}.ramadan-tips{margin-bottom:2rem}.ramadan-tips h3{color:var(--text-primary);margin-bottom:1rem;text-align:center}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.tip-card{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;text-align:center}.tip-icon{font-size:2rem;margin-bottom:.5rem;display:block}.tip-card h4{color:var(--text-primary);margin-bottom:.5rem}.tip-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.quick-link-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:var(--bg-secondary);border-radius:12px;text-decoration:none;color:var(--text-primary);transition:all .2s}.quick-link-card:hover{transform:translateY(-3px);background:var(--accent-color);color:#fff}.quick-link-card .icon{font-size:2rem}@media (max-width: 768px){.ramadan-stats{flex-direction:column;gap:1rem}.today-times{flex-direction:column}.ramadan-table th,.ramadan-table td{padding:.5rem;font-size:.85rem}.day-cell .ramadan-day{width:28px;height:28px;font-size:.85rem}}.islamic-events-page{min-height:100vh;padding-bottom:3rem}.events-header{background:linear-gradient(135deg,#0f2e20,#1a4530,#0f2e20);padding:3rem 1.5rem;text-align:center;border-bottom:2px solid rgba(139,117,50,.3);position:relative;overflow:hidden}.events-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L35 25H60L40 40L50 60L30 47L10 60L20 40L0 25H25L30 0Z' fill='rgba(139,117,50,0.03)'/%3E%3C/svg%3E");pointer-events:none}.events-header-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.events-header h1{font-size:2.5rem;color:#d4af37;margin-bottom:.5rem;font-weight:600}.events-header p{color:#ffffffb3;font-size:1.1rem;margin-bottom:1.5rem}.current-date-badge{display:inline-flex;flex-direction:column;gap:.25rem;background:#8b753226;border:1px solid rgba(139,117,50,.3);border-radius:12px;padding:.75rem 1.5rem}.hijri-date{color:#d4af37;font-size:1.1rem;font-weight:600}.gregorian-date{color:#fff9;font-size:.9rem}.events-error{text-align:center;padding:2rem;color:#ff6b6b}.events-error button{margin-top:1rem;padding:.5rem 1.5rem;background:#d4af37;color:#fff;border:none;border-radius:8px;cursor:pointer}.next-holiday-section{max-width:900px;margin:-2rem auto 2rem;padding:0 1.5rem;position:relative;z-index:2}.next-holiday-card{background:linear-gradient(135deg,#8b753226,#0a1f15e6);border:2px solid rgba(139,117,50,.4);border-radius:20px;padding:2rem;display:flex;align-items:center;gap:2rem;box-shadow:0 10px 40px #0000004d}.holiday-icon-large{font-size:5rem;flex-shrink:0}.next-holiday-info{flex:1}.next-label{display:inline-block;background:#8b75324d;color:#d4af37;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:.25rem .75rem;border-radius:20px;margin-bottom:.5rem}.holiday-name{font-size:1.8rem;color:#fff;margin:.5rem 0;font-weight:600}.holiday-description{color:#ffffffb3;margin-bottom:1rem;line-height:1.5}.holiday-dates{display:flex;gap:2rem;margin-bottom:1rem}.date-item{display:flex;flex-direction:column;gap:.25rem}.date-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.date-value{color:#fff;font-weight:500}.countdown-badge{display:inline-flex;align-items:baseline;gap:.5rem;background:linear-gradient(135deg,#d4af37,#e0c04a);color:#fff;padding:.5rem 1rem;border-radius:10px}.countdown-number{font-size:1.5rem;font-weight:700}.countdown-label{font-size:.85rem}.yearly-holidays-section{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.section-header h2{font-size:1.5rem;color:#d4af37;margin:0}.year-selector{display:flex;align-items:center;gap:.5rem}.year-selector label{color:#ffffffb3;font-size:.9rem}.year-selector select{background:#8b753233;border:1px solid rgba(139,117,50,.4);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:1rem;cursor:pointer}.year-selector select:focus{outline:none;border-color:#d4af37}.holidays-timeline{position:relative;padding-left:2rem}.holidays-timeline:before{content:"";position:absolute;left:1rem;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#8b753280,#8b75321a)}.holiday-timeline-item{position:relative;margin-bottom:1.5rem;padding-left:1.5rem}.holiday-timeline-item.past{opacity:.5}.timeline-marker{position:absolute;left:-1.5rem;top:0;width:2.5rem;height:2.5rem;background:#0f2e20;border:2px solid rgba(139,117,50,.5);border-radius:50%;display:flex;align-items:center;justify-content:center}.holiday-icon{font-size:1.2rem}.timeline-content{background:#8b75321a;border:1px solid rgba(139,117,50,.2);border-radius:12px;padding:1.25rem;transition:all .3s ease}.holiday-timeline-item.upcoming .timeline-content:hover{background:#8b753226;border-color:#8b753266;transform:translate(5px)}.holiday-title{font-size:1.1rem;color:#fff;margin:0 0 .5rem;font-weight:600}.holiday-desc{color:#fff9;font-size:.9rem;margin:0 0 .75rem;line-height:1.4}.holiday-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem}.holiday-meta .gregorian{color:#fffc}.holiday-meta .hijri{color:#d4af37}.days-badge{display:inline-block;background:#8b75324d;color:#d4af37;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:20px;margin-top:.75rem}.past-badge{display:inline-block;background:#ffffff1a;color:#fff6;font-size:.75rem;padding:.25rem .75rem;border-radius:20px;margin-top:.75rem}.no-holidays{text-align:center;padding:3rem;color:#ffffff80}.events-related-tools{max-width:900px;margin:2rem auto 0;padding:2rem 1.5rem;border-top:1px solid rgba(139,117,50,.2)}.events-related-tools h2{font-size:1.3rem;color:#d4af37;margin-bottom:1.5rem;text-align:center}.events-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.events-tool-card{background:#8b75321a;border:1px solid rgba(139,117,50,.2);border-radius:12px;padding:1.25rem;text-align:center;text-decoration:none;transition:all .3s ease;display:block}.events-tool-card:hover{background:#8b753233;border-color:#8b753266;transform:translateY(-3px)}.events-tool-icon{font-size:2rem;display:block;margin-bottom:.5rem}.events-tool-card h3{color:#fff;font-size:1rem;margin:0 0 .25rem}.events-tool-card p{color:#fff9;font-size:.8rem;margin:0}@media (max-width: 768px){.events-header{padding:2rem 1rem}.events-header h1{font-size:1.8rem}.next-holiday-card{flex-direction:column;text-align:center;padding:1.5rem}.holiday-icon-large{font-size:4rem}.holiday-name{font-size:1.4rem}.holiday-dates{flex-direction:column;gap:1rem}.section-header{flex-direction:column;text-align:center}.holidays-timeline{padding-left:1.5rem}.timeline-marker{left:-1.25rem;width:2rem;height:2rem}.holiday-icon{font-size:1rem}.events-tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.events-tools-grid{grid-template-columns:1fr}}.donate-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.donation-type-toggle{display:flex;gap:12px;margin-bottom:8px}.type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:2px solid #e0e0e0;border-radius:10px;background:#fff;color:#666;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.type-btn svg{width:20px;height:20px}.type-btn:hover{border-color:#1a5f3c;color:#1a5f3c}.type-btn.active{border-color:#1a5f3c;background:linear-gradient(135deg,#1a5f3c,#0d3d28);color:#fff}.recurring-note{font-size:.875rem;color:#666;margin:8px 0 0;padding:10px 12px;background:#f8f9fa;border-radius:8px;border-left:3px solid #1a5f3c}.recurring-confirmation{font-size:.95rem;color:#1a5f3c;background:#e8f5e9;padding:15px;border-radius:10px;margin-bottom:15px;border:1px solid #c8e6c9}.donate-header{background:linear-gradient(135deg,#1a5f3c,#0d3d28);color:#fff;text-align:center;padding:60px 20px}.donate-header h1{font-size:2.5rem;margin-bottom:10px;font-weight:700}.donate-header p{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto}.donate-container{max-width:1200px;margin:-30px auto 0;padding:0 20px 60px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.donate-info{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 20px #00000014}.donate-info h2{color:#1a5f3c;font-size:1.5rem;margin-bottom:15px;display:flex;align-items:center;gap:10px}.donate-info p{color:#555;line-height:1.7;margin-bottom:20px}.mission-section,.why-donate,.donation-uses{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #eee}.features-list{list-style:none;padding:0;margin:0}.features-list li{display:flex;gap:15px;margin-bottom:20px}.features-list li:last-child{margin-bottom:0}.feature-icon{font-size:1.5rem;flex-shrink:0}.features-list strong{display:block;color:#333;margin-bottom:5px}.features-list p{margin:0;font-size:.9rem;color:#666}.hadith-section{background:linear-gradient(135deg,#f8f9fa,#e8f5e9);padding:25px;border-radius:12px;border-left:4px solid #1a5f3c}.hadith-section h3{color:#1a5f3c;font-size:1rem;margin-bottom:10px}.hadith-text{font-style:italic;color:#444;line-height:1.8;margin-bottom:10px}.hadith-reference{color:#1a5f3c;font-weight:600;font-size:.9rem;margin:0}.donate-form-section{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 20px #00000014;position:sticky;top:100px;height:fit-content}.form-header{text-align:center;margin-bottom:30px}.form-header h2{color:#1a5f3c;font-size:1.75rem;margin-bottom:10px}.form-header p{color:#666}.donate-form{display:flex;flex-direction:column;gap:25px}.form-section{display:flex;flex-direction:column;gap:12px}.form-label{font-weight:600;color:#333;font-size:.95rem}.amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.amount-btn{padding:15px 20px;font-size:1.1rem;font-weight:600;background:#f8f9fa;border:2px solid #ddd;border-radius:10px;cursor:pointer;transition:all .2s ease;color:#333}.amount-btn:hover{border-color:#1a5f3c;background:#f0f7f3}.amount-btn.active{background:#1a5f3c;border-color:#1a5f3c;color:#fff}.custom-amount-wrapper{position:relative;display:flex;align-items:center}.currency-symbol{position:absolute;left:15px;font-size:1.1rem;font-weight:600;color:#666}.custom-amount-input{width:100%;padding:15px 15px 15px 35px;font-size:1rem;border:2px solid #ddd;border-radius:10px;transition:all .2s ease}.custom-amount-input:focus{outline:none;border-color:#1a5f3c;box-shadow:0 0 0 3px #1a5f3c1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.required{color:#dc3545;font-weight:600}.form-input,.form-textarea{padding:15px;font-size:1rem;border:2px solid #ddd;border-radius:10px;transition:all .2s ease;font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:#1a5f3c;box-shadow:0 0 0 3px #1a5f3c1a}.form-textarea{resize:vertical;min-height:80px}.card-element-wrapper{padding:18px;border:2px solid #ddd;border-radius:10px;background:#fff;transition:all .2s ease}.card-element-wrapper:focus-within{border-color:#1a5f3c;box-shadow:0 0 0 3px #1a5f3c1a}.donate-error{background:#fff5f5;color:#dc3545;padding:15px;border-radius:10px;border:1px solid #f5c6cb;font-size:.95rem;text-align:center}.donate-submit-btn{padding:18px 30px;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#1a5f3c,#0d3d28);color:#fff;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease}.donate-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #1a5f3c59}.donate-submit-btn:disabled{opacity:.7;cursor:not-allowed}.donate-submit-btn svg{width:22px;height:22px}.secure-notice{display:flex;align-items:center;justify-content:center;gap:8px;color:#666;font-size:.85rem;padding-top:10px;border-top:1px solid #eee}.secure-notice svg{width:18px;height:18px;color:#1a5f3c}.payment-methods{text-align:center;margin-top:25px;padding-top:25px;border-top:1px solid #eee}.payment-methods p{font-size:.85rem;color:#888;margin-bottom:10px}.payment-icons{display:flex;justify-content:center;gap:10px}.payment-icons svg{height:30px;width:auto}.donate-loading{text-align:center;padding:60px 20px;color:#666}.donate-loading .spinner{width:40px;height:40px;border-width:3px;border-color:#ddd;border-top-color:#1a5f3c;margin:0 auto 20px}.donate-config-error{text-align:center;padding:40px 20px;background:#fff5f5;border-radius:12px;border:1px solid #f5c6cb}.donate-config-error svg{width:50px;height:50px;color:#dc3545;margin-bottom:15px}.donate-config-error p{color:#721c24;margin-bottom:10px}.config-error-sub{color:#856404!important;font-size:.9rem}.donate-footer{background:#333;color:#aaa;text-align:center;padding:30px 20px;font-size:.9rem}.donate-footer a{color:#4ade80;text-decoration:none}.donate-footer a:hover{text-decoration:underline}.donate-success{max-width:600px;margin:60px auto;padding:60px 40px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;text-align:center}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px}.success-icon svg{width:40px;height:40px;color:#fff}.donate-success h1{color:#1a5f3c;font-size:2rem;margin-bottom:15px}.success-message{font-size:1.2rem;color:#333;margin-bottom:20px}.success-dua{color:#666;line-height:1.7;margin-bottom:30px}.success-verse{background:linear-gradient(135deg,#f8f9fa,#e8f5e9);padding:25px;border-radius:12px;margin-bottom:30px}.success-verse .arabic{font-family:Scheherazade New,serif;font-size:1.5rem;color:#1a5f3c;direction:rtl;line-height:2;margin-bottom:15px}.success-verse .translation{font-style:italic;color:#555;line-height:1.6;margin-bottom:10px}.success-verse .reference{color:#1a5f3c;font-weight:600;font-size:.9rem;margin:0}.back-home-btn{display:inline-block;padding:15px 40px;background:linear-gradient(135deg,#1a5f3c,#0d3d28);color:#fff;font-weight:600;text-decoration:none;border-radius:10px;transition:all .3s ease}.back-home-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1a5f3c59}.dark-mode .donate-page{background:linear-gradient(135deg,#1a1a1a,#0d0d0d)}.dark-mode .donate-info,.dark-mode .donate-form-section,.dark-mode .donate-success{background:#252525}.dark-mode .donate-info h2,.dark-mode .form-header h2{color:#4ade80}.dark-mode .donate-info p,.dark-mode .features-list p{color:#aaa}.dark-mode .features-list strong{color:#eee}.dark-mode .hadith-section{background:linear-gradient(135deg,#2a2a2a,#1f3528)}.dark-mode .hadith-section h3{color:#4ade80}.dark-mode .hadith-text{color:#ccc}.dark-mode .amount-btn{background:#333;border-color:#444;color:#eee}.dark-mode .amount-btn:hover{border-color:#4ade80;background:#2a3a2f}.dark-mode .amount-btn.active{background:#1a5f3c;border-color:#1a5f3c}.dark-mode .custom-amount-input,.dark-mode .form-input,.dark-mode .form-textarea{background:#333;border-color:#444;color:#eee}.dark-mode .custom-amount-input:focus,.dark-mode .form-input:focus,.dark-mode .form-textarea:focus{border-color:#4ade80}.dark-mode .currency-symbol{color:#aaa}.dark-mode .card-element-wrapper{background:#333;border-color:#444}.dark-mode .card-element-wrapper:focus-within{border-color:#4ade80}.dark-mode .form-label{color:#eee}.dark-mode .form-header p{color:#aaa}.dark-mode .secure-notice{color:#888;border-top-color:#444}.dark-mode .secure-notice svg{color:#4ade80}.dark-mode .payment-methods{border-top-color:#444}.dark-mode .payment-methods p{color:#666}.dark-mode .donate-success h1{color:#4ade80}.dark-mode .success-message{color:#eee}.dark-mode .success-dua{color:#aaa}.dark-mode .success-verse{background:linear-gradient(135deg,#2a2a2a,#1f3528)}.dark-mode .success-verse .arabic{color:#4ade80}.dark-mode .success-verse .translation{color:#bbb}.dark-mode .donate-footer{background:#1a1a1a}@media (max-width: 992px){.donate-container{grid-template-columns:1fr}.donate-form-section{position:static}}@media (max-width: 600px){.donate-header{padding:40px 20px}.donate-header h1{font-size:1.8rem}.donate-header p{font-size:1rem}.donate-info,.donate-form-section{padding:25px}.amount-grid{grid-template-columns:repeat(2,1fr)}.donate-success{margin:30px 15px;padding:40px 25px}.success-verse .arabic{font-size:1.2rem}}.legal-page{min-height:100vh;padding:2rem 1rem;background:var(--bg-primary)}.legal-container{max-width:900px;margin:0 auto;background:var(--bg-secondary);border-radius:16px;box-shadow:0 4px 20px #00000026;overflow:hidden}.legal-header{background:linear-gradient(135deg,var(--primary-color) 0%,#1a5a3a 100%);color:#fff;padding:3rem 2rem;text-align:center}.legal-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .75rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.last-updated{font-size:.95rem;opacity:.9;margin:0}.legal-content{padding:2.5rem}.legal-section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.legal-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.legal-section h2{color:var(--primary-color);font-size:1.5rem;font-weight:600;margin:0 0 1.25rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color);display:inline-block}.legal-section h3{color:var(--text-primary);font-size:1.15rem;font-weight:600;margin:1.5rem 0 .75rem}.legal-section p{color:var(--text-secondary);font-size:1rem;line-height:1.8;margin:0 0 1rem}.legal-section ul{margin:.75rem 0 1rem 1.5rem;padding:0}.legal-section ul li{color:var(--text-secondary);font-size:1rem;line-height:1.8;margin-bottom:.5rem;position:relative}.legal-section ul li::marker{color:var(--primary-color)}.legal-section ul li strong{color:var(--text-primary);font-weight:600}.legal-section a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .2s ease}.legal-section a:hover{color:#2ecc71;text-decoration:underline}.contact-info{background:var(--bg-tertiary);padding:1.25rem 1.5rem;border-radius:12px;margin-top:1rem}.contact-info p{margin:.5rem 0}.contact-info p:first-child{margin-top:0}.contact-info p:last-child{margin-bottom:0}.legal-footer{background:var(--bg-tertiary);padding:2rem 2.5rem;text-align:center;border-top:1px solid var(--border-color)}.legal-footer>p{color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin:0 0 1.5rem}.legal-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.legal-links a{color:var(--primary-color);text-decoration:none;font-weight:500;font-size:.95rem;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease}.legal-links a:hover{background:var(--primary-color);color:#fff}@media (max-width: 768px){.legal-page{padding:1rem .5rem}.legal-header{padding:2rem 1.5rem}.legal-header h1{font-size:1.75rem}.legal-content{padding:1.5rem}.legal-section h2{font-size:1.25rem}.legal-section h3{font-size:1.05rem}.legal-section p,.legal-section ul li{font-size:.95rem;line-height:1.7}.legal-footer{padding:1.5rem}.legal-links{gap:1rem}.legal-links a{font-size:.9rem}}@media (max-width: 480px){.legal-header h1{font-size:1.5rem}.legal-section{margin-bottom:1.5rem;padding-bottom:1.5rem}.legal-links{flex-direction:column;gap:.75rem}.legal-links a{display:block}}.teacher-directory-page .container,.teacher-profile-page .container,.become-teacher-page .container,.teacher-dashboard-page .container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.filters-section{background:var(--card-bg);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.85rem;color:var(--text-muted);font-weight:500}.filter-group input,.filter-group select{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.95rem}.filter-actions{display:flex;gap:1rem;justify-content:flex-end}.teachers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.teacher-card{background:var(--card-bg);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit;display:flex;flex-direction:column}.teacher-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.teacher-card-header{position:relative;padding:1.5rem;display:flex;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%)}.teacher-avatar{width:80px;height:80px;border-radius:50%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;color:var(--primary-color);overflow:hidden;border:3px solid white}.teacher-avatar img{width:100%;height:100%;object-fit:cover}.verified-badge{position:absolute;top:1rem;right:1rem;background:#22c55e;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem}.teacher-card-body{padding:1rem 1.5rem;flex:1}.teacher-card-body h3{margin:0 0 .5rem;font-size:1.1rem}.teacher-headline{color:var(--text-muted);font-size:.9rem;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.teacher-location{font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem}.teacher-specialties{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.specialty-tag{background:#1a5f3c1a;color:var(--primary-color);padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.teacher-stats{display:flex;gap:1rem;font-size:.85rem;color:var(--text-muted)}.teacher-card-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.hourly-rate{font-size:1.25rem;font-weight:600;color:var(--primary-color)}.view-profile{color:var(--primary-color);font-size:.9rem}.no-results{text-align:center;padding:4rem 2rem}.no-results-icon{font-size:3rem;margin-bottom:1rem;display:block}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination button{padding:.75rem 1.5rem;border-radius:8px;background:var(--primary-color);color:#fff;border:none;cursor:pointer}.pagination button:disabled{opacity:.5;cursor:not-allowed}.teacher-profile-layout{display:grid;grid-template-columns:1fr 320px;gap:2rem}@media (max-width: 900px){.teacher-profile-layout{grid-template-columns:1fr}}.profile-header-card{background:var(--card-bg);border-radius:12px;padding:2rem;display:flex;gap:2rem;flex-wrap:wrap;margin-bottom:1.5rem}.profile-avatar-large{position:relative;width:120px;height:120px;border-radius:50%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:3rem;overflow:hidden;flex-shrink:0}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.verified-badge-large{position:absolute;bottom:0;right:-10px;background:#22c55e;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.profile-header-info{flex:1;min-width:200px}.profile-header-info h1{margin:0 0 .5rem;font-size:1.75rem}.profile-header-info .headline{color:var(--text-muted);margin-bottom:.75rem}.profile-meta{display:flex;gap:1.5rem;font-size:.9rem;color:var(--text-muted);margin-bottom:1rem}.profile-languages,.profile-specialties{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.language-tag{background:var(--bg-secondary);padding:.25rem .75rem;border-radius:20px;font-size:.85rem}.specialty-badge{background:#1a5f3c26;color:var(--primary-color);padding:.25rem .75rem;border-radius:20px;font-size:.85rem}.profile-stats-card{display:flex;gap:2rem;padding:1rem;background:var(--bg-secondary);border-radius:8px}.profile-stats-card .stat{text-align:center}.profile-stats-card .stat-value{display:block;font-size:1.5rem;font-weight:600}.profile-stats-card .stat-label{font-size:.8rem;color:var(--text-muted)}.profile-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.profile-tabs button{padding:.75rem 1.25rem;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.95rem}.profile-tabs button.active{background:var(--primary-color);color:#fff}.tab-content{background:var(--card-bg);border-radius:12px;padding:2rem}.tab-content h3{margin:0 0 1rem}.no-data{color:var(--text-muted);text-align:center;padding:2rem}.packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.package-card{background:var(--bg-secondary);border-radius:12px;padding:1.5rem}.package-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.package-header h4{margin:0}.package-specialty{background:#1a5f3c26;color:var(--primary-color);padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.package-description{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.package-details{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.package-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color)}.package-price{font-size:1.5rem;font-weight:600;color:var(--primary-color)}.btn-book{padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer}.availability-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.availability-day{background:var(--bg-secondary);padding:1rem;border-radius:8px}.availability-day h4{margin:0 0 .75rem;font-size:.95rem}.time-slots{display:flex;flex-direction:column;gap:.5rem}.time-slot{background:var(--bg-primary);padding:.5rem;border-radius:4px;font-size:.85rem;text-align:center}.timezone-note{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.reviews-list{display:flex;flex-direction:column;gap:1.5rem}.review-item{padding:1.5rem;background:var(--bg-secondary);border-radius:8px}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.reviewer-info{display:flex;gap:.75rem;align-items:center}.reviewer-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden}.reviewer-avatar img{width:100%;height:100%;object-fit:cover}.review-date{display:block;font-size:.8rem;color:var(--text-muted)}.review-text{color:var(--text-secondary);line-height:1.6}.teacher-profile-sidebar{position:sticky;top:2rem}.booking-card{background:var(--card-bg);border-radius:12px;padding:2rem;text-align:center}.hourly-rate-large{margin-bottom:1.5rem}.hourly-rate-large .rate{font-size:2.5rem;font-weight:700;color:var(--primary-color)}.hourly-rate-large .per-hour{font-size:1rem;color:var(--text-muted)}.btn-large{width:100%;padding:1rem;margin-bottom:.75rem}.booking-note{font-size:.85rem;color:var(--text-muted);margin-top:1rem}.registration-form{max-width:700px;margin:0 auto;background:var(--card-bg);border-radius:12px;padding:2rem}.steps-indicator{display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.steps-indicator .step{font-size:.9rem;color:var(--text-muted);padding:.5rem 1rem;border-radius:20px}.steps-indicator .step.active{background:var(--primary-color);color:#fff}.form-step h2{margin:0 0 1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.875rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem}.form-group textarea{resize:vertical}.char-count{font-size:.8rem;color:var(--text-muted);text-align:right;display:block;margin-top:.25rem}.checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-secondary);border-radius:8px;cursor:pointer;transition:all .2s}.checkbox-item.selected{background:#1a5f3c26;border:1px solid var(--primary-color)}.checkbox-item input{width:auto}.price-input{display:flex;align-items:center;gap:.5rem}.price-input .currency{font-size:1.25rem;font-weight:600}.price-input input{max-width:120px}.price-input .per-hour{color:var(--text-muted)}.price-note{font-size:.85rem;color:var(--text-muted);margin-top:.5rem}.review-summary{background:var(--bg-secondary);border-radius:8px;padding:1.5rem}.review-item{margin-bottom:1rem}.review-item label{font-size:.85rem;color:var(--text-muted);display:block}.review-item p{margin:.25rem 0 0}.auth-notice{background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:8px;padding:1rem;margin-top:1rem;text-align:center}.form-navigation{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.already-teacher-card{background:var(--card-bg);border-radius:12px;padding:3rem;text-align:center;max-width:500px;margin:0 auto}.dashboard-layout{display:grid;grid-template-columns:250px 1fr;gap:2rem}@media (max-width: 900px){.dashboard-layout{grid-template-columns:1fr}}.dashboard-sidebar{background:var(--card-bg);border-radius:12px;padding:1rem;height:fit-content;position:sticky;top:2rem}.dashboard-nav{display:flex;flex-direction:column;gap:.5rem}.dashboard-nav button{padding:.875rem 1rem;background:transparent;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;text-align:left;font-size:.95rem;transition:all .2s}.dashboard-nav button:hover{background:var(--bg-secondary)}.dashboard-nav button.active{background:var(--primary-color);color:#fff}.sidebar-profile-link{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.dashboard-main{min-width:0}.dashboard-section h2{margin:0 0 1.5rem}.alert{padding:1rem;border-radius:8px;margin-bottom:1.5rem}.alert-warning{background:#eab3081a;border:1px solid rgba(234,179,8,.3)}.alert strong{display:block;margin-bottom:.25rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--card-bg);border-radius:12px;padding:1.5rem;display:flex;gap:1rem;align-items:center}.stat-info .stat-value{display:block;font-size:1.5rem;font-weight:600}.stat-info .stat-label{font-size:.85rem;color:var(--text-muted)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.dashboard-card{background:var(--card-bg);border-radius:12px;padding:1.5rem}.dashboard-card h3{margin:0 0 1rem;font-size:1.1rem}.booking-list,.review-list{list-style:none;padding:0;margin:0}.booking-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:.5rem}.booking-item:last-child{border-bottom:none}.booking-student{display:flex;align-items:center;gap:.5rem}.student-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;overflow:hidden}.student-avatar img{width:100%;height:100%;object-fit:cover}.booking-time{font-size:.85rem;color:var(--text-muted)}.booking-package{font-size:.85rem;background:var(--bg-secondary);padding:.25rem .5rem;border-radius:4px}.review-item-small{padding:.75rem 0;border-bottom:1px solid var(--border-color)}.review-item-small:last-child{border-bottom:none}.review-item-small .review-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.review-text-small{font-size:.9rem;color:var(--text-muted);margin:0}.profile-editor{background:var(--card-bg);border-radius:12px;padding:2rem}.message{padding:1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;margin-bottom:1rem;color:#22c55e}.bookings-table{overflow-x:auto}.bookings-table table{width:100%;border-collapse:collapse}.bookings-table th,.bookings-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.bookings-table th{background:var(--bg-secondary);font-weight:600}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.8rem}.status-scheduled{background:#3b82f626;color:#3b82f6}.status-completed{background:#22c55e26;color:#22c55e}.status-cancelled{background:#ef444426;color:#ef4444}.package-manager .btn-primary{margin-bottom:1.5rem}.package-form{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.packages-list{display:flex;flex-direction:column;gap:1rem}.package-item{background:var(--card-bg);border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.package-info h4{margin:0 0 .5rem}.package-info p{margin:0 0 .5rem;color:var(--text-muted)}.package-info span{font-size:.85rem;color:var(--text-muted)}.availability-editor{background:var(--card-bg);border-radius:12px;padding:2rem}.availability-note{color:var(--text-muted);margin-bottom:1.5rem}.day-availability{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.day-availability:last-of-type{border-bottom:none}.day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.day-name{font-weight:600}.no-availability{color:var(--text-muted);font-style:italic}.time-slots-editor{display:flex;flex-direction:column;gap:.5rem}.time-slot-row{display:flex;align-items:center;gap:.75rem}.time-slot-row input[type=time]{padding:.5rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary)}.earnings-summary{background:var(--card-bg);border-radius:12px;padding:2rem;text-align:center}.earnings-card{margin-bottom:1.5rem}.earnings-card h3{margin:0 0 .5rem;color:var(--text-muted)}.earnings-amount{font-size:3rem;font-weight:700;color:var(--primary-color)}.earnings-note{color:var(--text-muted)}.btn-primary{background:var(--primary-color);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:.875rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem}.btn-danger{background:#ef4444;color:#fff;border:none;padding:.875rem 1.5rem;border-radius:8px;cursor:pointer}.btn-small{padding:.5rem 1rem;font-size:.85rem}.error-page{text-align:center;padding:4rem 2rem}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.reviews-full-list{display:flex;flex-direction:column;gap:1rem}.dashboard-container{display:flex;gap:2rem;max-width:1200px;margin:0 auto;padding:2rem 1rem}.dashboard-sidebar{width:260px;flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;background:var(--card-bg);border-radius:12px;padding:1rem}.sidebar-btn{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border:none;background:transparent;color:var(--text-muted);border-radius:8px;cursor:pointer;font-size:.95rem;transition:all .2s;text-align:left}.sidebar-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.sidebar-btn.active{background:var(--primary-color);color:#fff}.sidebar-icon{font-size:1.2rem}.sidebar-cta{margin-top:1.5rem}.btn-find-teacher{display:block;text-align:center;background:var(--primary-color);color:#fff;padding:1rem;border-radius:8px;text-decoration:none;font-weight:500;transition:background .2s}.btn-find-teacher:hover{background:var(--primary-hover)}.dashboard-main{flex:1;min-width:0}.dashboard-section{background:var(--card-bg);border-radius:12px;padding:1.5rem}.dashboard-section h2{margin-bottom:1.5rem;font-size:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;background:var(--bg-secondary);padding:1.25rem;border-radius:10px}.stat-icon{font-size:2rem}.stat-value{font-size:1.5rem;font-weight:600}.stat-label{font-size:.85rem;color:var(--text-muted)}.next-class-card{display:flex;align-items:center;gap:1.5rem;background:var(--bg-secondary);padding:1.5rem;border-radius:12px;flex-wrap:wrap}.class-teacher{display:flex;align-items:center;gap:1rem}.teacher-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.teacher-avatar-sm{width:40px;height:40px;border-radius:50%;object-fit:cover}.teacher-info{display:flex;flex-direction:column}.teacher-name{font-weight:500}.class-type{font-size:.85rem;color:var(--text-muted)}.class-time{display:flex;flex-direction:column;margin-left:auto}.time-label{font-size:.8rem;color:var(--text-muted)}.time-value{font-weight:500}.btn-join-class{background:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500}.classes-list{display:flex;flex-direction:column;gap:1rem}.class-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:10px;flex-wrap:wrap}.class-datetime{margin-left:auto;color:var(--text-muted);font-size:.9rem}.class-package{font-size:.8rem;color:var(--text-muted)}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:capitalize}.status-badge.scheduled{background:#3b82f626;color:#3b82f6}.status-badge.completed{background:#22c55e26;color:#22c55e}.status-badge.cancelled{background:#ef444426;color:#ef4444}.status-badge.active{background:#22c55e26;color:#22c55e}.status-badge.expired{background:#9ca3af26;color:#9ca3af}.subscriptions-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.subscription-card{background:var(--bg-secondary);border-radius:12px;padding:1.25rem}.sub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sub-header h4{margin:0}.sub-teacher{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.sub-details{display:flex;gap:2rem;margin-bottom:1rem}.sub-stat{display:flex;flex-direction:column}.sub-label{font-size:.8rem;color:var(--text-muted)}.sub-value{font-weight:500}.sub-progress{height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.progress-bar{height:100%;background:var(--primary-color);border-radius:3px;transition:width .3s}.payments-table{overflow-x:auto}.payments-table table{width:100%;border-collapse:collapse}.payments-table th,.payments-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.payments-table th{font-weight:500;color:var(--text-muted);font-size:.85rem}.conversations-list{display:flex;flex-direction:column}.conversation-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s}.conversation-item:hover{background:var(--bg-secondary)}.conv-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.conv-header{display:flex;justify-content:space-between;margin-bottom:.25rem}.conv-name{font-weight:500}.conv-time{font-size:.8rem;color:var(--text-muted)}.conv-preview{font-size:.9rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.unread-badge{background:var(--primary-color);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.empty-state{text-align:center;padding:3rem 2rem}.empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.empty-state h3{margin-bottom:.5rem}.empty-state p{color:var(--text-muted);margin-bottom:1.5rem}.booking-container{max-width:800px;margin:0 auto;padding:2rem 1rem}.booking-progress{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.5}.progress-step.active{opacity:1}.step-number{width:36px;height:36px;background:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.progress-step.active .step-number{background:var(--primary-color);color:#fff}.step-label{font-size:.85rem;color:var(--text-muted)}.progress-step.active .step-label{color:var(--text-primary)}.booking-step{background:var(--card-bg);border-radius:12px;padding:2rem}.booking-step h2{margin-bottom:.5rem}.step-description{color:var(--text-muted);margin-bottom:2rem}.package-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.package-option{background:var(--bg-secondary);border:2px solid transparent;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s;text-align:center}.package-option:hover{border-color:var(--primary-color)}.package-option.selected{border-color:var(--primary-color);background:rgba(var(--primary-rgb),.1)}.package-icon{font-size:2rem;margin-bottom:.75rem}.package-option h4{margin:0 0 .5rem}.package-price{font-size:1.5rem;font-weight:600;color:var(--primary-color);margin:.5rem 0}.package-desc{font-size:.9rem;color:var(--text-muted);margin:0}.package-features{font-size:.85rem;color:var(--text-muted);margin-top:.5rem}.date-picker,.time-picker{margin-bottom:2rem}.date-picker h4,.time-picker h4{margin-bottom:1rem}.date-grid{display:flex;gap:.75rem;flex-wrap:wrap}.date-btn{display:flex;flex-direction:column;align-items:center;padding:1rem 1.25rem;background:var(--bg-secondary);border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s}.date-btn:hover{border-color:var(--primary-color)}.date-btn.selected{border-color:var(--primary-color);background:rgba(var(--primary-rgb),.1)}.date-day{font-size:.85rem;color:var(--text-muted)}.date-num{font-weight:500;margin-top:.25rem}.time-grid{display:flex;gap:.75rem;flex-wrap:wrap}.time-btn{padding:.875rem 1.25rem;background:var(--bg-secondary);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s;color:var(--text-primary)}.time-btn:hover{border-color:var(--primary-color)}.time-btn.selected{border-color:var(--primary-color);background:rgba(var(--primary-rgb),.1)}.no-dates{color:var(--text-muted)}.booking-summary{margin-bottom:2rem}.summary-card{background:var(--bg-secondary);border-radius:12px;padding:1.5rem}.summary-teacher{display:flex;align-items:center;gap:1rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-color);margin-bottom:1.25rem}.summary-teacher h4{margin:0 0 .25rem}.summary-teacher p{margin:0;font-size:.9rem;color:var(--text-muted)}.summary-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.summary-row{display:flex;justify-content:space-between}.summary-label{color:var(--text-muted)}.summary-value{font-weight:500}.summary-row.total{padding-top:1rem;border-top:1px solid var(--border-color);font-size:1.1rem}.summary-row.total .summary-value{color:var(--primary-color);font-size:1.25rem}.notes-section label{display:block;margin-bottom:.5rem;color:var(--text-muted);font-size:.9rem}.notes-section textarea{width:100%;padding:1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);resize:vertical;font-family:inherit}.booking-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.btn-back{padding:.875rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:1rem}.btn-next{padding:.875rem 2rem;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500}.btn-next:disabled{opacity:.5;cursor:not-allowed}.btn-confirm{padding:1rem 2rem;background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500}.btn-confirm:disabled{opacity:.5;cursor:not-allowed}.btn-small.btn-join{background:var(--primary-color);color:#fff;border:none}.btn-small.btn-review{background:#fbbf24;color:#1f2937;border:none}@media (max-width: 768px){.dashboard-container{flex-direction:column}.dashboard-sidebar{width:100%}.sidebar-nav{flex-direction:row;overflow-x:auto;gap:.25rem}.sidebar-btn{flex-direction:column;padding:.75rem;min-width:80px;text-align:center}.sidebar-btn span:last-child{font-size:.75rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.next-class-card{flex-direction:column;text-align:center}.class-time{margin:0}.booking-progress{gap:1rem}.step-label{display:none}.package-options{grid-template-columns:1fr}}.payment-form{margin:2rem 0}.card-element-wrapper{background:var(--bg-secondary);padding:1rem;border-radius:8px;border:1px solid var(--border-color);margin-bottom:1.5rem}.btn-pay{width:100%;padding:1rem;background:#22c55e;border:none;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-pay:hover{background:#16a34a}.btn-pay:disabled{opacity:.6;cursor:not-allowed}.payment-summary{background:var(--bg-secondary);padding:1.5rem;border-radius:10px;margin-bottom:1.5rem}.payment-summary .summary-row{display:flex;justify-content:space-between;align-items:center}.payment-summary .amount{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.messages-section{height:auto}.messaging-container{display:grid;grid-template-columns:300px 1fr;gap:1rem;height:500px;background:var(--card-bg);border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}.conversations-sidebar{border-right:1px solid var(--border-color);display:flex;flex-direction:column}.conversations-sidebar h3{padding:1rem;margin:0;font-size:1rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.conversations-list{flex:1;overflow-y:auto}.conversation-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .2s;border-bottom:1px solid var(--border-color)}.conversation-item:hover{background:var(--bg-hover)}.conversation-item.active{background:var(--primary-color);color:#fff}.conversation-item.active .conv-time,.conversation-item.active .conv-preview{color:#fffc}.conv-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.conv-content{flex:1;min-width:0}.conv-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.conv-name{font-weight:600;font-size:.9rem}.conv-time{font-size:.75rem;color:var(--text-muted)}.conv-preview{font-size:.8rem;color:var(--text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-badge{background:var(--primary-color);color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:10px;min-width:20px;text-align:center}.conversation-item.active .unread-badge{background:#fff;color:var(--primary-color)}.empty-conversations{padding:2rem;text-align:center;color:var(--text-muted)}.chat-area{display:flex;flex-direction:column;height:100%}.chat-header{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.chat-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.chat-name{font-weight:600}.messages-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.message{display:flex;max-width:70%}.message.sent{margin-left:auto}.message.received{margin-right:auto}.message-content{padding:.75rem 1rem;border-radius:12px}.message.sent .message-content{background:var(--primary-color);color:#fff;border-bottom-right-radius:4px}.message.received .message-content{background:var(--bg-secondary);border-bottom-left-radius:4px}.message-content p{margin:0 0 .25rem;word-wrap:break-word}.message-time{font-size:.7rem;opacity:.7}.message.sent .message-time{color:#fffc}.message-input-form{display:flex;gap:.5rem;padding:1rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.message-input-form input{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:20px;background:var(--bg-primary);color:var(--text-primary);font-size:.95rem}.message-input-form input:focus{outline:none;border-color:var(--primary-color)}.message-input-form button{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:20px;font-weight:600;cursor:pointer;transition:background .2s}.message-input-form button:hover:not(:disabled){background:var(--primary-hover)}.message-input-form button:disabled{opacity:.6;cursor:not-allowed}.no-chat-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted)}.no-chat-selected .chat-icon{font-size:3rem;margin-bottom:1rem}@media (max-width: 768px){.messaging-container{grid-template-columns:1fr;height:auto}.conversations-sidebar{border-right:none;border-bottom:1px solid var(--border-color);max-height:200px}.chat-area{min-height:400px}}.teach-with-us-page{min-height:100vh}.teach-content{padding-bottom:4rem}.teach-section{padding:4rem 0}.teach-section:nth-child(2n){background:var(--bg-secondary)}.teach-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.teach-section h2{font-size:2.25rem;font-weight:700;text-align:center;margin-bottom:2.5rem;color:var(--text-primary)}.lead-text{font-size:1.2rem;line-height:1.8;color:var(--text-secondary);text-align:center;max-width:800px;margin:0 auto 2.5rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-large{padding:1rem 2.5rem;font-size:1.1rem;border-radius:50px;font-weight:600;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#1a7d5c,#15a67d);color:#fff;border:none;text-decoration:none}.btn-primary:hover{background:linear-gradient(135deg,#15a67d,#1a7d5c);transform:translateY(-2px);box-shadow:0 8px 20px #1a7d5c4d}.btn-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);text-decoration:none}.btn-secondary:hover{background:var(--primary-color);color:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}.feature-card{background:var(--card-bg);border-radius:16px;padding:2rem;text-align:center;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001a}.feature-icon{width:60px;height:60px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#1a7d5c,#15a67d);border-radius:50%;display:flex;align-items:center;justify-content:center}.feature-icon svg{width:28px;height:28px;color:#fff}.feature-card h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);line-height:1.6}.steps-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;position:relative}.step{text-align:center;position:relative}.step-number{width:60px;height:60px;background:linear-gradient(135deg,#1a7d5c,#15a67d);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1.5rem}.step h3{font-size:1.2rem;margin-bottom:.75rem;color:var(--text-primary)}.step p{color:var(--text-secondary);line-height:1.6}.subjects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.subject-card{background:var(--card-bg);border-radius:12px;padding:1.5rem;border-left:4px solid var(--primary-color)}.subject-card h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--text-primary)}.subject-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.earnings-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.earnings-calculator{background:var(--card-bg);border-radius:16px;padding:2rem}.earnings-calculator h3{margin-bottom:1.5rem;color:var(--text-primary)}.earning-example{display:flex;flex-direction:column;gap:1rem}.example-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.example-row.highlight{background:linear-gradient(135deg,#1a7d5c1a,#15a67d1a);margin:.5rem -1rem -.5rem;padding:1rem;border-radius:8px;border:none}.example-row.highlight strong{color:var(--primary-color);font-size:1.25rem}.earnings-info h3{margin-bottom:1rem;color:var(--text-primary)}.earnings-info ul{list-style:none;padding:0}.earnings-info li{padding:.75rem 0 .75rem 1.5rem;position:relative;color:var(--text-secondary)}.earnings-info li:before{content:"✓";position:absolute;left:0;color:var(--primary-color);font-weight:700}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.tool-item{background:var(--card-bg);border-radius:12px;padding:1.5rem}.tool-item h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--text-primary)}.tool-item p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.requirements-content{max-width:800px;margin:0 auto}.requirements-list{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.requirement-item{background:var(--card-bg);border-radius:12px;padding:1.5rem}.requirement-item h4{font-size:1.1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary-color)}.requirement-item.required h4{color:var(--primary-color)}.requirement-item.preferred h4{color:var(--text-muted);border-bottom-color:var(--border-color)}.requirement-item ul{list-style:none;padding:0}.requirement-item li{padding:.5rem 0 .5rem 1.25rem;position:relative;color:var(--text-secondary);font-size:.95rem}.requirement-item li:before{content:"•";position:absolute;left:0;color:var(--primary-color)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.testimonial-card{background:var(--card-bg);border-radius:16px;padding:2rem}.testimonial-content{margin-bottom:1.5rem}.testimonial-content p{font-style:italic;color:var(--text-secondary);line-height:1.7;font-size:1rem}.testimonial-content p:before{content:'"';font-size:2rem;color:var(--primary-color);line-height:0;vertical-align:-.5rem;margin-right:.25rem}.testimonial-author{display:flex;flex-direction:column}.testimonial-author strong{color:var(--text-primary)}.testimonial-author span{color:var(--text-muted);font-size:.9rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center}.stat-item{padding:1.5rem}.stat-number{font-size:3rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-size:1.1rem}.faqs-list{max-width:800px;margin:0 auto}.faq-item{background:var(--card-bg);border-radius:12px;margin-bottom:1rem;overflow:hidden}.faq-question{padding:1.25rem 1.5rem;cursor:pointer;font-weight:600;color:var(--text-primary);list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";font-size:1.5rem;color:var(--primary-color);transition:transform .3s}.faq-item[open] .faq-question:after{content:"−"}.faq-answer{padding:0 1.5rem 1.25rem;color:var(--text-secondary);line-height:1.7}.teach-cta-final{text-align:center;background:linear-gradient(135deg,#1a7d5c,#15a67d)!important;color:#fff}.teach-cta-final h2{color:#fff}.teach-cta-final p{color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.teach-cta-final .btn-primary{background:#fff;color:#1a7d5c}.teach-cta-final .btn-primary:hover{background:#ffffffe6;transform:translateY(-2px)}.cta-note{margin-top:1rem;font-size:.9rem;color:#fffc}@media (max-width: 768px){.teach-section{padding:3rem 0}.teach-section h2{font-size:1.75rem}.lead-text{font-size:1rem}.earnings-content,.requirements-list{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}.btn-large{width:100%;max-width:300px;text-align:center}}.become-teacher-page .container{max-width:1100px;padding:2rem 1rem 4rem}.registration-wrapper{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start}.registration-sidebar{position:sticky;top:2rem}.progress-section{background:var(--card-bg);border-radius:16px;padding:1.5rem;text-align:center;margin-bottom:1.5rem}.progress-circle{width:100px;height:100px;margin:0 auto 1rem;position:relative}.progress-circle svg{transform:rotate(-90deg);width:100%;height:100%}.progress-bg{fill:none;stroke:var(--border-color);stroke-width:3}.progress-fill{fill:none;stroke:var(--primary-color);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .3s}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700;color:var(--primary-color)}.progress-label{color:var(--text-muted);font-size:.9rem}.steps-list{background:var(--card-bg);border-radius:16px;padding:1rem;margin-bottom:1.5rem}.step-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;transition:all .2s}.step-item.active{background:#1a7d5c1a}.step-item.completed .step-number{background:var(--primary-color);color:#fff}.step-number{width:28px;height:28px;border-radius:50%;background:var(--border-color);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:var(--text-muted);flex-shrink:0}.step-item.active .step-number{background:var(--primary-color);color:#fff}.step-label{font-size:.9rem;color:var(--text-secondary)}.step-item.active .step-label{color:var(--text-primary);font-weight:500}.sidebar-help{background:var(--card-bg);border-radius:16px;padding:1.25rem}.sidebar-help h4{font-size:.95rem;margin-bottom:.5rem;color:var(--text-primary)}.sidebar-help p{font-size:.85rem;color:var(--text-muted);line-height:1.5}.sidebar-help a{color:var(--primary-color)}.registration-form{background:var(--card-bg);border-radius:20px;padding:2rem}.form-step{min-height:400px}.step-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.step-header h2{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.step-header p{color:var(--text-muted)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--text-primary)}.required{color:#e74c3c}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:10px;background:var(--bg-primary);color:var(--text-primary);font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1a7d5c1a}.field-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.field-note{font-size:.85rem;color:var(--text-muted);margin-top:.5rem}.char-count{font-size:.85rem;color:var(--text-muted)}.char-count.warning{color:#e74c3c}.radio-group{display:flex;gap:1rem}.radio-item{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem;border:2px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s}.radio-item:hover{border-color:var(--primary-color)}.radio-item.selected{border-color:var(--primary-color);background:#1a7d5c1a}.radio-item input{display:none}.radio-label{font-weight:500}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;font-size:.9rem}.checkbox-item:hover{border-color:var(--primary-color)}.checkbox-item.selected{border-color:var(--primary-color);background:#1a7d5c1a}.checkbox-item input{display:none}.specialty-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.specialty-item{flex-direction:column;text-align:center;padding:1rem}.specialty-icon{font-size:1.5rem;margin-bottom:.25rem}.specialty-name{font-size:.9rem}.selection-count{margin-top:.75rem;font-size:.9rem;color:var(--primary-color);font-weight:500}.price-input-wrapper{display:flex;align-items:center;border:2px solid var(--border-color);border-radius:10px;overflow:hidden;transition:border-color .2s}.price-input-wrapper:focus-within{border-color:var(--primary-color)}.currency-symbol{padding:.875rem 1rem;background:var(--bg-secondary);color:var(--text-muted);font-weight:600}.price-input-wrapper .price-input{border:none;flex:1;border-radius:0}.price-input-wrapper .price-input:focus{box-shadow:none}.price-suffix{padding:.875rem 1rem;background:var(--bg-secondary);color:var(--text-muted)}.earnings-preview{margin-top:1rem;padding:1rem;background:#1a7d5c1a;border-radius:10px}.earnings-preview p{margin:0;color:var(--text-primary)}.earnings-preview strong{color:var(--primary-color);font-size:1.1rem}.platform-fee{font-size:.85rem;color:var(--text-muted);margin-top:.25rem}.pricing-tips{margin-top:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:12px}.pricing-tips h4{margin-bottom:1rem;color:var(--text-primary)}.pricing-tips ul{list-style:none;padding:0;margin:0}.pricing-tips li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-secondary);font-size:.95rem}.pricing-tips li:before{content:"💡";position:absolute;left:0}.review-sections{display:flex;flex-direction:column;gap:1.5rem}.review-section{padding:1.5rem;background:var(--bg-secondary);border-radius:12px}.review-section h3{font-size:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color);color:var(--primary-color)}.review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.review-item{margin-bottom:.75rem}.review-item.full-width{grid-column:1 / -1}.review-item label{font-size:.85rem;color:var(--text-muted);display:block;margin-bottom:.25rem}.review-item p{color:var(--text-primary);font-weight:500;margin:0}.bio-preview{font-weight:400!important;line-height:1.5}.earnings-highlight{color:var(--primary-color)!important;font-size:1.1rem}.auth-notice,.submit-notice{margin-top:2rem;padding:1.5rem;border-radius:12px;text-align:center}.auth-notice{background:#fff3cd;border:1px solid #ffc107}.submit-notice{background:#1a7d5c1a;border:1px solid var(--primary-color)}.auth-icon,.notice-icon{font-size:2rem;margin-bottom:.5rem}.auth-notice h4,.submit-notice h4{margin-bottom:.5rem;color:var(--text-primary)}.auth-notice p,.submit-notice p{color:var(--text-secondary);font-size:.95rem}.submit-notice a{color:var(--primary-color)}.form-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.nav-spacer{flex:1}.btn-outline{padding:.875rem 1.5rem;background:transparent;border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .2s}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color)}.form-navigation .btn-primary{padding:.875rem 2rem}.btn-submit{min-width:180px}.already-teacher-card{max-width:500px;margin:0 auto;text-align:center;padding:3rem;background:var(--card-bg);border-radius:20px}.already-teacher-card .success-icon{font-size:4rem;margin-bottom:1rem}.already-teacher-card h2{margin-bottom:1rem;color:var(--text-primary)}.already-teacher-card p{color:var(--text-secondary);margin-bottom:2rem}@media (max-width: 900px){.registration-wrapper{grid-template-columns:1fr}.registration-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.progress-section,.steps-list{margin-bottom:0}.sidebar-help{grid-column:1 / -1}}@media (max-width: 600px){.registration-sidebar,.form-row{grid-template-columns:1fr}.checkbox-grid,.specialty-grid{grid-template-columns:repeat(2,1fr)}.form-navigation{flex-direction:column-reverse;gap:1rem}.form-navigation button{width:100%}.nav-spacer{display:none}}.azkaar-page,.azkaar-category-page{min-height:100vh;background:var(--bg-primary)}.azkaar-page .container,.azkaar-category-page .container{max-width:1400px;padding:3rem 1.5rem 5rem}.azkaar-intro{text-align:center;max-width:800px;margin:0 auto 3rem;position:relative}.azkaar-intro:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(26,125,92,.08) 0%,transparent 70%);pointer-events:none;z-index:-1}.azkaar-intro p{color:var(--text-secondary);font-size:1.15rem;line-height:1.9;letter-spacing:.01em}.search-section{max-width:700px;margin:0 auto 4rem}.search-box{display:flex;align-items:center;background:var(--card-bg);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:.75rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-box:focus-within{border-color:var(--primary-color);box-shadow:0 4px 30px #1a7d5c33,0 0 0 3px #1a7d5c1a}.search-icon{font-size:1.25rem;margin-right:1rem;opacity:.6}.search-box input{flex:1;border:none;background:transparent;font-size:1.05rem;padding:.75rem 0;color:var(--text-primary);letter-spacing:.01em}.search-box input::placeholder{color:var(--text-muted)}.search-box input:focus{outline:none}.clear-search{background:#ffffff1a;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1.3rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s}.clear-search:hover{background:var(--primary-color);color:#fff;transform:scale(1.1)}.featured-section,.all-categories,.benefits-section{margin-bottom:5rem}.section-header{text-align:center;margin-bottom:2.5rem}.section-header h2{font-size:2rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary);letter-spacing:-.02em}.section-header .section-line{width:60px;height:3px;background:linear-gradient(90deg,var(--primary-color),#d4af37);margin:0 auto 1rem;border-radius:2px}.section-header .section-subtitle{color:var(--text-muted);font-size:1.05rem;margin:0}.featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.featured-card{position:relative;display:flex;flex-direction:column;padding:2rem 1.5rem;background:linear-gradient(145deg,#ffffff08,#ffffff03);border-radius:20px;border:1px solid rgba(255,255,255,.06);text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.featured-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),#d4af37);opacity:0;transition:opacity .3s}.featured-card:hover{transform:translateY(-8px);border-color:#1a7d5c4d;box-shadow:0 20px 40px #0000004d,0 0 60px #1a7d5c1a}.featured-card:hover:before{opacity:1}.featured-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:linear-gradient(135deg,#1a7d5c26,#d4af371a);border-radius:16px;margin-bottom:1.25rem}.featured-content h3{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:.4rem;letter-spacing:-.01em}.arabic-name{font-family:Amiri,Traditional Arabic,serif;font-size:1.1rem;color:#d4af37;margin-bottom:.75rem;opacity:.9}.featured-content .description{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dua-count{display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#1a7d5c1f,#1a7d5c0f);color:#2ecc71;padding:.4rem .9rem;border-radius:25px;font-size:.85rem;font-weight:500;border:1px solid rgba(46,204,113,.25)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.category-card{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:linear-gradient(145deg,#ffffff06,#ffffff03);border-radius:16px;border:1px solid rgba(255,255,255,.05);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.category-card:after{content:"→";position:absolute;right:1.5rem;opacity:0;transform:translate(-10px);color:var(--primary-color);font-size:1.25rem;transition:all .3s}.category-card:hover{border-color:#1a7d5c40;background:linear-gradient(145deg,#1a7d5c0f,#1a7d5c05);transform:translate(4px)}.category-card:hover:after{opacity:1;transform:translate(0)}.category-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;background:#ffffff0a;border-radius:12px;flex-shrink:0}.category-info{flex:1;min-width:0}.category-info h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-info .arabic-name{font-size:.95rem;margin-bottom:.5rem}.category-info .dua-count{font-size:.78rem;padding:.25rem .65rem}.no-results{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.no-results p{font-size:1.1rem;margin-bottom:1.5rem}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.benefit-card{text-align:center;padding:2.5rem 1.5rem;background:linear-gradient(145deg,rgba(255,255,255,.03),transparent);border-radius:20px;border:1px solid rgba(255,255,255,.05);transition:all .3s}.benefit-card:hover{transform:translateY(-4px);border-color:#d4af3733;box-shadow:0 10px 30px #0003}.benefit-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:linear-gradient(135deg,#d4af371f,#d4af370d);border-radius:20px;margin:0 auto 1.25rem;border:1px solid rgba(212,175,55,.15)}.benefit-card h3{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.benefit-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.cta-section{text-align:center;padding:4rem 3rem;background:linear-gradient(135deg,#1a7d5c14,#d4af370a,#1a7d5c14);border-radius:28px;border:1px solid rgba(26,125,92,.15);position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(26,125,92,.06) 0%,transparent 50%);animation:shimmer 15s ease-in-out infinite}@keyframes shimmer{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.cta-section h2{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary);position:relative;z-index:1}.cta-section p{color:var(--text-secondary);max-width:600px;margin:0 auto 2rem;font-size:1.05rem;line-height:1.7;position:relative;z-index:1}.cta-buttons{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.cta-buttons .btn-primary,.cta-buttons .btn-secondary{padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:12px;transition:all .3s}.cta-buttons .btn-primary{background:linear-gradient(135deg,var(--primary-color),#0d5c42);border:none;box-shadow:0 4px 20px #1a7d5c59}.cta-buttons .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #1a7d5c73}.cta-buttons .btn-secondary{background:transparent;border:2px solid rgba(212,175,55,.4);color:#d4af37}.cta-buttons .btn-secondary:hover{background:#d4af371a;border-color:#d4af3799}.stats-bar{display:flex;justify-content:center;gap:3rem;padding:2rem;margin-bottom:3rem;background:linear-gradient(145deg,rgba(255,255,255,.02),transparent);border-radius:16px;border:1px solid rgba(255,255,255,.04)}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.stat-label{font-size:.9rem;color:var(--text-muted);margin-top:.25rem}.azkaar-category-page .category-description{text-align:center;max-width:700px;margin:0 auto 1.5rem;color:var(--text-secondary)}.progress-bar-container{max-width:600px;margin:0 auto 1.5rem;display:flex;align-items:center;gap:1rem}.progress-bar{flex:1;height:10px;background:#ffffff0f;border-radius:5px;overflow:hidden}.progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),#d4af37);border-radius:5px;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #1a7d5c66}.progress-text{font-size:.9rem;color:var(--text-muted);white-space:nowrap;font-weight:500}.controls-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.25rem;padding:1.25rem 1.5rem;background:linear-gradient(145deg,rgba(255,255,255,.03),transparent);border-radius:16px;margin-bottom:2rem;border:1px solid rgba(255,255,255,.05)}.display-controls{display:flex;gap:2rem}.toggle-label{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-size:.9rem;color:var(--text-secondary);transition:color .2s}.toggle-label:hover{color:var(--text-primary)}.toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}.font-controls{display:flex;align-items:center;gap:.6rem;font-size:.9rem;color:var(--text-muted)}.font-controls button{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:.45rem .7rem;border-radius:8px;cursor:pointer;color:var(--text-primary);transition:all .2s}.font-controls button:first-of-type{font-size:.8rem}.font-controls button:nth-of-type(2){font-size:1rem}.font-controls button:last-of-type{font-size:1.2rem}.font-controls button.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.font-controls button:hover:not(.active){background:#ffffff1a;border-color:#ffffff26}.btn-reset{background:transparent;border:1px solid rgba(255,255,255,.1);padding:.6rem 1.2rem;border-radius:10px;color:var(--text-muted);cursor:pointer;font-size:.85rem;transition:all .2s}.btn-reset:hover{border-color:var(--primary-color);color:var(--primary-color);background:#1a7d5c0d}.dua-navigation{display:flex;justify-content:center;align-items:center;gap:2.5rem;margin-bottom:2rem}.nav-btn{background:linear-gradient(145deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.08);padding:.85rem 1.75rem;border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s}.nav-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);background:#1a7d5c14}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.dua-position{font-weight:600;color:var(--text-primary);font-size:1.05rem}.dua-card{background:linear-gradient(145deg,#ffffff08,#ffffff03);border-radius:24px;padding:2.5rem;margin-bottom:2.5rem;border:1px solid rgba(255,255,255,.06);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dua-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:transparent;transition:background .3s}.dua-card.completed{border-color:#1a7d5c4d}.dua-card.completed:before{background:linear-gradient(90deg,var(--primary-color),#d4af37)}.dua-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dua-number{font-size:.9rem;color:var(--text-muted);font-weight:500;padding:.4rem .9rem;background:#ffffff0a;border-radius:8px}.completed-badge{background:linear-gradient(135deg,var(--primary-color),#0d5c42);color:#fff;padding:.4rem 1rem;border-radius:25px;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.4rem}.dua-arabic{font-family:Amiri,Traditional Arabic,serif;font-size:1.9rem;line-height:2.3;text-align:right;color:var(--text-primary);padding:2rem;background:linear-gradient(145deg,#d4af370a,#d4af3703);border-radius:16px;margin-bottom:1.75rem;white-space:pre-wrap;border:1px solid rgba(212,175,55,.08)}.font-small .dua-arabic{font-size:1.5rem}.font-large .dua-arabic{font-size:2.4rem}.dua-transliteration{font-size:1.1rem;color:#d4af37;font-style:italic;line-height:1.9;margin-bottom:1.25rem;padding:1.25rem 1.5rem;background:#d4af370a;border-radius:12px;border-left:4px solid #d4af37}.font-small .dua-transliteration{font-size:.95rem}.font-large .dua-transliteration{font-size:1.3rem}.dua-translation{font-size:1.05rem;color:var(--text-secondary);line-height:1.9;margin-bottom:1.75rem;padding:0 .5rem}.dua-translation .no-translation{font-style:italic;color:var(--text-muted);font-size:.95rem}.font-small .dua-translation{font-size:.9rem}.font-large .dua-translation{font-size:1.2rem}.dua-meta{padding:1.25rem 1.5rem;background:#ffffff05;border-radius:12px;margin-bottom:1.75rem;border:1px solid rgba(255,255,255,.04)}.dua-meta .reference,.dua-meta .virtue{font-size:.92rem;color:var(--text-secondary);margin-bottom:.6rem;line-height:1.6}.dua-meta .virtue{margin-bottom:0;padding-top:.85rem;border-top:1px solid rgba(255,255,255,.06)}.dua-meta strong{color:var(--primary-color);font-weight:600}.counter-section{text-align:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.06)}.repeat-info{font-size:1rem;color:var(--text-secondary);margin-bottom:1.25rem}.counter-btn{width:130px;height:130px;border-radius:50%;background:linear-gradient(145deg,var(--primary-color),#0a4d38);border:none;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 30px #1a7d5c66,0 0 0 6px #1a7d5c1a;position:relative}.counter-btn:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px dashed rgba(26,125,92,.3);animation:rotate 20s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.counter-btn:hover:not(:disabled){transform:scale(1.08);box-shadow:0 12px 40px #1a7d5c80,0 0 0 8px #1a7d5c26}.counter-btn:active:not(:disabled){transform:scale(.95)}.counter-btn.completed{background:linear-gradient(145deg,#2ecc71,var(--primary-color));box-shadow:0 8px 30px #2ecc7166,0 0 0 6px #2ecc711a}.counter-btn:disabled{cursor:default}.count-display{font-size:2.75rem;font-weight:700;line-height:1;letter-spacing:-.02em}.count-label{font-size:1rem;opacity:.85;margin-top:.25rem}.reset-btn{background:transparent;border:none;color:var(--text-muted);font-size:.88rem;cursor:pointer;padding:.5rem 1rem;border-radius:6px;transition:all .2s}.reset-btn:hover{color:var(--primary-color);background:#1a7d5c14}.dua-list{margin-top:2.5rem}.dua-list h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:1.25rem;font-weight:600}.dua-list-grid{display:flex;flex-wrap:wrap;gap:.6rem}.dua-list-item{width:48px;height:48px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .25s;position:relative}.dua-list-item:hover{border-color:var(--primary-color);background:#1a7d5c14}.dua-list-item.active{background:linear-gradient(135deg,var(--primary-color),#0d5c42);border-color:var(--primary-color);color:#fff;box-shadow:0 4px 15px #1a7d5c59}.dua-list-item.completed{background:#1a7d5c1f;border-color:#1a7d5c4d}.dua-list-item.completed.active{background:linear-gradient(135deg,var(--primary-color),#0d5c42)}.dua-list-item .check-mark{position:absolute;top:-5px;right:-5px;width:18px;height:18px;background:linear-gradient(135deg,#2ecc71,var(--primary-color));border-radius:50%;font-size:.65rem;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #2ecc7166}.category-nav{margin-top:2.5rem;text-align:center}.coming-soon-card{text-align:center;padding:5rem 2rem;background:linear-gradient(145deg,rgba(255,255,255,.03),transparent);border-radius:24px;max-width:550px;margin:0 auto;border:1px solid rgba(255,255,255,.06)}.coming-soon-card h2{color:var(--text-primary);margin-bottom:1.25rem;font-size:1.5rem}.coming-soon-card p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.05rem}@media (max-width: 1200px){.featured-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.featured-grid{grid-template-columns:1fr}.benefits-grid{grid-template-columns:repeat(2,1fr)}.stats-bar{gap:2rem;padding:1.5rem}.stat-number{font-size:2rem}}@media (max-width: 600px){.azkaar-page .container{padding:2rem 1rem 4rem}.featured-card{padding:1.5rem}.benefits-grid{grid-template-columns:1fr}.controls-bar{flex-direction:column;gap:1.25rem;padding:1.25rem}.display-controls{flex-direction:column;gap:1rem;width:100%}.dua-arabic{font-size:1.6rem;padding:1.25rem}.font-large .dua-arabic{font-size:2rem}.dua-card{padding:1.75rem 1.25rem}.counter-btn{width:110px;height:110px}.count-display{font-size:2.25rem}.cta-section{padding:2.5rem 1.5rem}.cta-buttons{flex-direction:column}.cta-buttons .btn-primary,.cta-buttons .btn-secondary{width:100%}.stats-bar{flex-direction:column;gap:1.5rem}.section-header h2{font-size:1.65rem}}.hadith-page{min-height:100vh;background:var(--bg-primary)}.hadith-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--primary-color) 0%,#0d5c49 100%);padding:4rem 1.5rem 5rem;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw}.hadith-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:70%;height:200%;background:radial-gradient(ellipse,rgba(255,255,255,.05) 0%,transparent 70%);pointer-events:none}.hadith-hero .container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.hadith-breadcrumbs{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.9rem;flex-wrap:wrap}.hadith-breadcrumbs a{color:#fffc;text-decoration:none;transition:color .2s}.hadith-breadcrumbs a:hover{color:#fff}.hadith-breadcrumbs span{color:#ffffff80}.hadith-breadcrumbs .current{color:#fff;font-weight:500}.hadith-hero-content{text-align:center}.hadith-hero-icon{width:80px;height:80px;background:#ffffff1a;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hadith-hero h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.hadith-hero .arabic-title{color:#ffffffe6;font-size:1.5rem;font-family:Amiri,serif;margin-bottom:.5rem}.hadith-hero .subtitle{color:#fffc;font-size:1.1rem;max-width:800px;margin:0 auto;line-height:1.6}.hadith-search-wrapper{max-width:800px;margin:-2rem auto 0;padding:0 1.5rem;position:relative;z-index:10}.hadith-search-box{display:flex;align-items:center;background:var(--card-bg);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:.75rem 1.25rem;box-shadow:0 4px 30px #0003}.hadith-search-box svg{width:20px;height:20px;margin-right:1rem;opacity:.5;color:var(--text-muted)}.hadith-search-box input{flex:1;border:none;background:transparent;font-size:1rem;padding:.75rem 0;color:var(--text-primary)}.hadith-search-box input::placeholder{color:var(--text-muted)}.hadith-search-box input:focus{outline:none}.hadith-container{max-width:1200px;margin:0 auto;padding:3rem 1.5rem}.hadith-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:3rem}.hadith-stat-card{background:var(--card-bg);border-radius:12px;padding:1.5rem;text-align:center;border:1px solid rgba(255,255,255,.05)}.hadith-stat-card .number{font-size:2rem;font-weight:700;color:var(--primary-color)}.hadith-stat-card .label{color:var(--text-secondary);font-size:.9rem;margin-top:.25rem}.hadith-section{margin-bottom:3rem}.hadith-section-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.hadith-section-header .arabic{color:var(--primary-color);font-family:Amiri,serif;font-size:1.25rem}.hadith-section-header p{color:var(--text-secondary);margin-top:.5rem}.hadith-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem;margin-top:1.5rem}.hadith-card{background:var(--card-bg);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.05);text-decoration:none;transition:all .3s ease;display:block}.hadith-card:hover{transform:translateY(-2px);border-color:var(--primary-color);box-shadow:0 8px 30px #1a7d5c26}.hadith-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.hadith-card-icon{font-size:2.5rem}.hadith-card-badge{background:#1a7d5c26;color:var(--primary-color);padding:.35rem .85rem;border-radius:20px;font-size:.8rem;font-weight:500}.hadith-card h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:.25rem;transition:color .2s}.hadith-card:hover h3{color:var(--primary-color)}.hadith-card .arabic-name{color:var(--primary-color);font-family:Amiri,serif;font-size:1.1rem;margin-bottom:.5rem}.hadith-card .author{color:var(--text-muted);font-size:.85rem;margin-bottom:.5rem}.hadith-card .description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hadith-card-footer{display:flex;align-items:center;margin-top:1rem;color:var(--primary-color);font-weight:500;font-size:.9rem}.hadith-card-footer svg{width:16px;height:16px;margin-left:.5rem;transition:transform .2s}.hadith-card:hover .hadith-card-footer svg{transform:translate(4px)}.hadith-card-disabled{opacity:.7;cursor:not-allowed;position:relative}.hadith-card-disabled:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.03) 10px,rgba(0,0,0,.03) 20px);pointer-events:none;border-radius:16px}.hadith-card-disabled:hover{transform:none;box-shadow:0 4px 15px #00000014}.coming-soon-badge{background:linear-gradient(135deg,#6b5a24,#8b7532)!important;color:#fff!important}.hadith-card-disabled .hadith-card-footer{color:var(--text-muted)}.hadith-chapters-list{display:flex;flex-direction:column;gap:1rem}.hadith-chapter-item{background:var(--card-bg);border-radius:12px;padding:1.25rem 1.5rem;border:1px solid rgba(255,255,255,.05);text-decoration:none;display:flex;align-items:center;justify-content:space-between;transition:all .2s}.hadith-chapter-item:hover{border-color:var(--primary-color);box-shadow:0 4px 20px #1a7d5c1a}.hadith-chapter-left{display:flex;align-items:center;gap:1rem}.hadith-chapter-number{width:48px;height:48px;background:#1a7d5c26;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--primary-color)}.hadith-chapter-info h3{color:var(--text-primary);font-size:1.1rem;font-weight:500;margin-bottom:.25rem;transition:color .2s}.hadith-chapter-item:hover h3{color:var(--primary-color)}.hadith-chapter-info .arabic{color:var(--primary-color);font-family:Amiri,serif;font-size:1rem}.hadith-chapter-info .count{color:var(--text-muted);font-size:.85rem;margin-top:.25rem}.hadith-chapter-arrow{color:var(--text-muted);transition:all .2s}.hadith-chapter-item:hover .hadith-chapter-arrow{color:var(--primary-color);transform:translate(4px)}.hadith-nav-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.hadith-nav-btn{display:flex;align-items:center;gap:.5rem;color:var(--primary-color);text-decoration:none;font-weight:500;transition:all .2s}.hadith-nav-btn:hover{opacity:.8}.hadith-nav-btn svg{width:16px;height:16px}.hadith-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 0}.hadith-spinner{width:48px;height:48px;border:4px solid rgba(26,125,92,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.hadith-loading p{color:var(--text-secondary)}.hadith-error{text-align:center;padding:3rem}.hadith-error p{color:#ef4444;margin-bottom:1rem}.hadith-error button{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500}.hadith-empty{text-align:center;padding:3rem}.hadith-empty-icon{font-size:4rem;margin-bottom:1rem}.hadith-empty p{color:var(--text-secondary)}.hadith-info-section{background:linear-gradient(135deg,var(--primary-color) 0%,#0d5c49 100%);padding:4rem 1.5rem;text-align:center}.hadith-info-section h2{color:#fff;font-size:1.75rem;margin-bottom:1rem}.hadith-info-section p{color:#ffffffe6;font-size:1.1rem;line-height:1.7;max-width:800px;margin:0 auto}.hadith-book-header{display:flex;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}.hadith-book-icon{font-size:3.5rem}.hadith-book-info h1{color:#fff;font-size:2rem;font-weight:700}.hadith-book-info .arabic{color:#ffffffe6;font-family:Amiri,serif;font-size:1.5rem;margin-top:.25rem}.hadith-book-info .author{color:#fffc;margin-top:.5rem}.hadith-book-info .description{color:#ffffffbf;margin-top:.5rem;max-width:600px}.hadith-book-stats{display:flex;gap:1rem;margin-left:auto;flex-wrap:wrap}.hadith-book-stat{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1rem 1.5rem;text-align:center;min-width:100px}.hadith-book-stat .number{font-size:1.75rem;font-weight:700;color:#fff}.hadith-book-stat .label{color:#fffc;font-size:.8rem}.hadith-text-card{background:var(--card-bg);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.05);margin-bottom:1.5rem}.hadith-text-header{background:#1a7d5c1a;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.hadith-text-number{display:flex;align-items:center;gap:.75rem}.hadith-text-badge{width:40px;height:40px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.hadith-text-label{color:var(--text-secondary);font-size:.9rem}.hadith-text-actions{display:flex;gap:.5rem}.hadith-action-btn{background:transparent;border:none;width:36px;height:36px;border-radius:8px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s}.hadith-action-btn:hover{background:#1a7d5c1a;color:var(--primary-color)}.hadith-action-btn svg{width:18px;height:18px}.hadith-text-content{padding:1.5rem}.hadith-arabic-text{text-align:right;direction:rtl;font-family:Amiri,serif;font-size:1.5rem;line-height:2;color:var(--text-primary);margin-bottom:1.5rem}.hadith-divider{height:1px;background:#ffffff1a;margin:1.5rem 0}.hadith-narrator{color:var(--primary-color);font-weight:600;margin-bottom:.5rem}.hadith-english-text{color:var(--text-secondary);line-height:1.7}.hadith-chapter-nav{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);gap:1rem;flex-wrap:wrap}.hadith-chapter-nav-btn{display:flex;align-items:center;gap:.5rem;background:#1a7d5c26;color:var(--primary-color);text-decoration:none;padding:.75rem 1.25rem;border-radius:8px;font-weight:500;transition:all .2s}.hadith-chapter-nav-btn:hover{background:#1a7d5c40}.hadith-chapter-nav-btn svg{width:16px;height:16px}.hadith-all-chapters-link{color:var(--primary-color);text-decoration:none;font-weight:500}.hadith-controls{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.hadith-lang-select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;cursor:pointer}.hadith-lang-select option{background:var(--card-bg);color:var(--text-primary)}.hadith-lang-toggle{display:flex;background:#ffffff1a;border-radius:8px;overflow:hidden}.hadith-lang-btn{background:transparent;border:none;color:#fff;padding:.5rem .75rem;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s;min-width:42px}.hadith-lang-btn.active{background:#fff;color:var(--primary-color)}.hadith-lang-btn:hover:not(.active){background:#ffffff26}.hadith-font-controls{display:flex;background:#ffffff1a;border-radius:8px;overflow:hidden}.hadith-font-btn{background:transparent;border:none;color:#fff;padding:.5rem .75rem;cursor:pointer;font-size:.85rem;transition:all .2s}.hadith-font-btn.active{background:#fff;color:var(--primary-color)}.hadith-font-btn:hover:not(.active){background:#ffffff1a}.font-small .hadith-arabic-text{font-size:1.25rem}.font-small .hadith-english-text{font-size:.875rem}.font-medium .hadith-arabic-text{font-size:1.5rem}.font-medium .hadith-english-text{font-size:1rem}.font-large .hadith-arabic-text{font-size:1.875rem}.font-large .hadith-english-text{font-size:1.125rem}@media (max-width: 768px){.hadith-stats{grid-template-columns:repeat(2,1fr)}.hadith-grid{grid-template-columns:1fr}.hadith-hero h1{font-size:1.75rem}.hadith-book-header{flex-direction:column}.hadith-book-stats{margin-left:0;width:100%;justify-content:center}.hadith-controls{width:100%;justify-content:space-between}}@font-face{font-family:KFGQPC Uthmani;src:url(https://cdn.jsdelivr.net/gh/nicegamer7/quran-fonts@main/KFGQPCUthmanicScriptHAFS.ttf) format("truetype");font-display:swap}@font-face{font-family:Al Majeed Quranic;src:url(/fonts/AlMajeedQuranic.ttf) format("truetype");font-display:swap}@font-face{font-family:IndoPak Nastaleeq;src:url(https://static-cdn.tarteel.ai/qul/fonts/nastaleeq/Hanafi/normal-v4.2.2/with-waqf-lazmi/font.ttf) format("truetype");font-display:swap}@font-face{font-family:Naskh Nastaleeq;src:url(https://cdn.jsdelivr.net/gh/nicegamer7/quran-fonts@main/Naskh-Nastaleeq-v2.woff2) format("woff2");font-display:swap}@font-face{font-family:PDMS Saleem;src:url(https://cdn.jsdelivr.net/gh/nicegamer7/quran-fonts@main/pdms-saleem-quranfont.ttf) format("truetype");font-display:swap}@font-face{font-family:Quran Karim;src:url(https://fonts.qurancdn.com/fonts/quran/hafs/v2/woff2/p1.woff2) format("woff2");font-display:swap}@font-face{font-family:Me Quran;src:url(https://cdn.jsdelivr.net/gh/nicegamer7/quran-fonts@main/me_quran_volt_newmet.ttf) format("truetype");font-display:swap}.tajweed-ghunnah,.tajweed-ikhfa{color:#169200!important}.tajweed-ikhfa-shafawi,.tajweed-idgham-shafawi{color:#d500b7!important}.tajweed-iqlab{color:#26bffd!important}.tajweed-idgham-ghunnah{color:#169200!important}.tajweed-idgham-no-ghunnah,.tajweed-idgham-mutajanisayn,.tajweed-idgham-mutaqaribayn{color:#a1a1a1!important}.tajweed-qalqalah{color:#dd0008!important}.tajweed-madd-normal{color:#aaa!important}.tajweed-madd-permissible{color:orange!important}.tajweed-madd-obligatory{color:#537fff!important}.tajweed-madd-munfasil{color:orange!important}.tajweed-madd-muttasil,.tajweed-madd-silah{color:#537fff!important}.tajweed-lam-shamsiyyah{color:#a1a1a1!important}.tajweed-silent{color:#aaa!important}:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-card: #ffffff;--text-primary: #1a1a1a;--text-secondary: #666666;--text-muted: #888888;--accent: #1e7b4a;--accent-hover: #166339;--primary-color: #1a7d5c;--primary-dark: #0d5c42;--card-bg: #ffffff;--border: #e0e0e0;--border-color: #e0e0e0;--shadow: rgba(0, 0, 0, .1);--arabic-font-size: 1.75rem;--arabic-font-family: "Amiri", serif}[data-theme=dark]{--bg-primary: #0f2e20;--bg-secondary: #143828;--bg-tertiary: #1a4530;--bg-card: #163a2a;--text-primary: #f5f5f0;--text-secondary: #b8d4c8;--text-muted: #8aaa9a;--accent: #d4af37;--accent-hover: #f0d060;--accent-gold: #d4af37;--accent-gold-light: #f5e084;--accent-gold-dark: #a68a29;--primary-color: #2a9d70;--primary-dark: #1a7d5c;--primary-light: #3eb888;--card-bg: #163a2a;--border: #245c42;--border-color: #245c42;--shadow: rgba(0, 0, 0, .4);--arabic-font-size: 1.75rem;--gradient-gold: linear-gradient(135deg, #a68a29 0%, #d4af37 20%, #f5e084 40%, #d4af37 60%, #a68a29 80%, #d4af37 100%);--gradient-gold-text: linear-gradient(135deg, #c9a227 0%, #f5e084 25%, #d4af37 50%, #f5e084 75%, #c9a227 100%);--gradient-gold-shine: linear-gradient(90deg, #a68a29 0%, #d4af37 15%, #f5e084 30%, #fffacd 50%, #f5e084 70%, #d4af37 85%, #a68a29 100%);--gradient-green: linear-gradient(135deg, #143828 0%, #245c42 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:100;box-shadow:0 2px 10px var(--shadow)}.top-bar{background:var(--accent);color:#fff;font-size:.8rem}.top-bar-container{max-width:1400px;margin:0 auto;padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.top-bar-left{display:flex;align-items:center;gap:1rem}.social-icons{display:flex;align-items:center;gap:.5rem}.social-link{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff26;border-radius:50%;color:#fff;transition:all .2s}.social-link:hover{background:#ffffff4d;transform:translateY(-1px)}.social-link svg{width:14px;height:14px}.top-bar-text{color:#ffffffe6;font-size:.8rem;display:none}@media (min-width: 768px){.top-bar-text{display:block}}.top-bar-right{display:flex;align-items:center;gap:.25rem}.top-bar-link{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;color:#fff;text-decoration:none;font-size:.8rem;font-weight:500;border-radius:4px;transition:all .2s}.top-bar-link:hover{background:#ffffff26}.top-bar-link svg{width:14px;height:14px}.top-bar-link span{display:none}@media (min-width: 640px){.top-bar-link span{display:inline}}.top-bar-link.signup-link{background:#fff3;margin-left:.25rem}.top-bar-link.signup-link:hover{background:#ffffff4d}.top-bar-link.donate-link{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;font-weight:600;padding:.35rem .75rem;border-radius:4px;margin-left:.25rem}.top-bar-link.donate-link:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-1px)}.top-bar-link.donate-link svg{color:#fff}.top-bar-link.profile-link{background:#ffffff26}.theme-toggle-top{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s;margin-left:.25rem}.theme-toggle-top:hover{background:#ffffff4d}.theme-toggle-top svg{width:14px;height:14px}.main-header{background:var(--bg-secondary);border-bottom:1px solid var(--border)}.header-container{max-width:1400px;margin:0 auto;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-primary);transition:opacity .2s}.logo-image{height:45px;width:auto;object-fit:contain}.logo:hover{opacity:.85}.logo-icon-wrapper{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.logo-svg{width:40px;height:40px;color:var(--accent)}.logo-text-wrapper{display:flex;flex-direction:column}.logo-title{font-size:1.25rem;font-weight:700;color:var(--accent);line-height:1.2}.logo-subtitle{font-size:.7rem;color:var(--text-secondary);letter-spacing:.5px}.nav-menu{display:none}@media (min-width: 900px){.nav-menu{display:block}}.nav-list{display:flex;list-style:none;gap:.25rem}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;text-decoration:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;border-radius:8px;transition:all .2s}.nav-link:hover{color:var(--text-primary);background:var(--bg-card)}.nav-link.active{color:var(--accent);background:#1e7b4a1a}.nav-icon{font-size:1rem}.header-actions{display:flex;align-items:center;gap:.75rem}.search-form{display:none}@media (min-width: 768px){.search-form{display:block}}.search-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;width:18px;height:18px;color:var(--text-secondary);pointer-events:none}.search-input{width:200px;padding:.625rem .75rem .625rem 2.5rem;border:1px solid var(--border);border-radius:24px;background:var(--bg-card);color:var(--text-primary);font-size:.875rem;transition:all .2s}.search-input:focus{outline:none;border-color:var(--accent);width:280px;box-shadow:0 0 0 3px #1e7b4a1a}.search-input::placeholder{color:var(--text-secondary)}.theme-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border);border-radius:50%;cursor:pointer;transition:all .2s}.theme-toggle:hover{background:var(--accent);border-color:var(--accent)}.theme-icon{font-size:1.125rem}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:0}@media (min-width: 900px){.mobile-menu-btn{display:none}}.hamburger{display:flex;flex-direction:column;gap:5px;width:22px}.hamburger span{display:block;height:2px;width:100%;background:var(--text-primary);border-radius:2px;transition:all .3s}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav{display:block;padding:1rem;background:var(--bg-secondary);border-top:1px solid var(--border)}@media (min-width: 900px){.mobile-nav{display:none}}.mobile-nav-list{list-style:none;display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.mobile-nav-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;text-decoration:none;color:var(--text-primary);font-size:1rem;font-weight:500;border-radius:8px;transition:all .2s}.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--bg-card);color:var(--accent)}.mobile-search-form{display:flex;gap:.5rem}.mobile-search-input{flex:1;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text-primary);font-size:1rem}.mobile-search-btn{padding:.75rem 1.25rem;background:var(--accent);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.search-btn{padding:.75rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:0 8px 8px 0;cursor:pointer;font-weight:600;transition:background .2s}.search-btn:hover{background:var(--accent-hover)}.header-actions{display:flex;align-items:center;gap:.5rem}.header-icon-btn{padding:.5rem .75rem;background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:1rem;transition:background .2s;color:var(--text-primary);text-decoration:none}.header-icon-btn:hover{background:var(--bg-card)}.font-size-wrapper{position:relative}.font-size-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.5rem;display:flex;align-items:center;gap:.5rem;z-index:200;box-shadow:0 4px 12px var(--shadow)}.font-btn{padding:.5rem .75rem;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600}.font-btn:hover{background:var(--accent-hover)}.font-size-value{font-size:.875rem;min-width:40px;text-align:center}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:2rem 1rem;width:100%}.hero{text-align:center;padding:3rem 1rem;margin-bottom:2rem}.hero h1{font-size:2.5rem;color:var(--accent);margin-bottom:.5rem}.hero p{color:var(--text-secondary);font-size:1.1rem}.hero-animated{position:relative;overflow:hidden;padding:2.5rem 1rem 3rem;margin-bottom:2rem;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw;border-radius:0;background:linear-gradient(135deg,#1a472a,#0d2818,#0a1f14);box-shadow:0 10px 40px #0000004d,inset 0 1px #ffffff1a}.hero-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 50%,rgba(34,197,94,.15) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(34,197,94,.1) 0%,transparent 50%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2322c55e' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:patternMove 20s linear infinite}@keyframes patternMove{0%{background-position:0 0,0 0,0 0}to{background-position:0 0,0 0,60px 60px}}.hero-glow{position:absolute;top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(34,197,94,.3) 0%,transparent 70%);animation:glowPulse 3s ease-in-out infinite;pointer-events:none}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.5rem}.hero-icon-wrapper{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.hero-icon{font-size:2rem;color:#22c55e;z-index:2;animation:iconFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(34,197,94,.5));font-family:Amiri,sans-serif;white-space:nowrap}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.hero-icon-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(34,197,94,.3);border-radius:50%;animation:ringExpand 3s ease-out infinite}.hero-icon-ring.delay-1{animation-delay:1s}.hero-icon-ring.delay-2{animation-delay:2s}@keyframes ringExpand{0%{transform:scale(.5);opacity:1}to{transform:scale(2);opacity:0}}.hero-title{display:flex;flex-direction:column;align-items:center;line-height:1.1;margin:0}.title-arabic{font-family:Almarai,sans-serif;font-size:4rem;font-weight:800;background:linear-gradient(135deg,#a68a29,#d4af37,#f5e084 30%,#fffacd,#f5e084 70%,#d4af37,#a68a29);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:goldShine 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(166,138,41,.4));text-shadow:none}.title-english{font-size:2.5rem;font-weight:600;letter-spacing:.15em;color:#f5f5f0;text-transform:uppercase;margin-top:.5rem}@keyframes goldShine{0%,to{filter:brightness(1) drop-shadow(0 2px 4px rgba(166,138,41,.4))}50%{filter:brightness(1.15) drop-shadow(0 4px 12px rgba(212,175,55,.6))}}.hero-title-line{font-size:1rem;font-weight:400;color:#ffffffb3;text-transform:uppercase;letter-spacing:.3em;animation:fadeSlideIn .8s ease-out}.hero-title-main{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#22c55e,#4ade80,#86efac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleShine 3s ease-in-out infinite,fadeSlideIn .8s ease-out .2s backwards;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@keyframes titleShine{0%,to{filter:brightness(1) drop-shadow(0 2px 4px rgba(0,0,0,.3))}50%{filter:brightness(1.2) drop-shadow(0 2px 8px rgba(34,197,94,.4))}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;animation:fadeSlideIn .6s ease-out}.hero-breadcrumb a{color:#fff9;text-decoration:none;transition:color .2s}.hero-breadcrumb a:hover{color:#22c55e}.hero-breadcrumb .separator{color:#ffffff4d;margin:0 .25rem}.hero-breadcrumb .current{color:#ffffffe6;font-weight:500}.hero-subtitle{font-size:1rem;color:#fff9;margin:.25rem 0;animation:fadeSlideIn .8s ease-out .4s backwards}.hero-stats-mini{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;padding:.5rem 1.25rem;background:#ffffff14;border-radius:50px;border:1px solid rgba(255,255,255,.1);animation:fadeSlideIn .8s ease-out .6s backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-stats-mini span{font-size:.8rem;color:#fffc;font-weight:500}.hero-dot{color:#22c55e!important;font-size:.5rem!important}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:#22c55e;border-radius:50%;opacity:.4;animation:particleFloat 8s ease-in-out infinite}.particle:nth-child(1){left:10%;top:20%;animation-delay:0s;animation-duration:6s}.particle:nth-child(2){left:20%;top:70%;animation-delay:1s;animation-duration:8s}.particle:nth-child(3){left:70%;top:30%;animation-delay:2s;animation-duration:7s}.particle:nth-child(4){left:80%;top:60%;animation-delay:3s;animation-duration:9s}.particle:nth-child(5){left:50%;top:80%;animation-delay:4s;animation-duration:6s}@keyframes particleFloat{0%,to{transform:translateY(0) translate(0);opacity:.4}25%{transform:translateY(-20px) translate(10px);opacity:.7}50%{transform:translateY(-10px) translate(-10px);opacity:.4}75%{transform:translateY(-30px) translate(5px);opacity:.6}}@media (max-width: 768px){.hero-animated{padding:1.5rem 1rem 2rem;border-radius:0}.hero-icon-wrapper{width:50px;height:50px}.hero-icon{font-size:1.5rem}.hero-title-line{font-size:.85rem;letter-spacing:.2em}.hero-title-main{font-size:2.25rem}.hero-subtitle{font-size:.9rem}.hero-stats-mini{flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.5rem 1rem}.hero-stats-mini span{font-size:.75rem}}.section-title{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.daily-ayah-section{margin-bottom:3rem}.daily-ayah-card{background:linear-gradient(135deg,var(--accent),var(--accent-hover));border-radius:16px;padding:2rem;text-align:center;color:#fff}.daily-ayah-arabic{font-family:var(--arabic-font-family, "KFGQPC Uthmani"),"Amiri",serif;font-size:2rem;line-height:2.2;margin-bottom:1.5rem;direction:rtl;text-align:center}.daily-ayah-translations{margin-bottom:1rem}.daily-ayah-english{font-size:1.1rem;line-height:1.8;margin-bottom:.75rem;font-style:italic;opacity:.95}.daily-ayah-urdu{font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,serif;font-size:1.3rem;line-height:2;direction:rtl;text-align:center;opacity:.9}.daily-ayah-ref{margin-bottom:1rem}.daily-ayah-ref a{color:#ffffffe6;text-decoration:underline}.daily-ayah .share-buttons{display:flex;justify-content:center;gap:.5rem}.daily-ayah .share-btn{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s;padding:0;min-width:unset}.daily-ayah .share-btn:hover{background:#fff3;border-color:#fff}.reading-history-section{margin-bottom:3rem}.history-list{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem}.history-item{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1rem;text-decoration:none;color:inherit;display:flex;align-items:center;gap:.75rem;min-width:200px;transition:transform .2s,box-shadow .2s}.history-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.history-number{width:36px;height:36px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.history-info{display:flex;flex-direction:column}.history-name{font-weight:600}.history-date{font-size:.75rem;color:var(--text-secondary)}.surahs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.surah-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;text-decoration:none;color:inherit;display:flex;gap:1rem;transition:transform .2s,box-shadow .2s}.surah-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow)}.surah-number{width:48px;height:48px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.surah-info{flex:1;min-width:0}.surah-name-arabic{font-family:var(--arabic-font-family);font-size:1.5rem;margin-bottom:.25rem}.surah-name-english{font-size:1rem;font-weight:600;margin-bottom:.25rem}.surah-translation{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.surah-meta{font-size:.75rem;color:var(--text-secondary);text-transform:capitalize}.surah-page{max-width:800px;margin:0 auto}.back-link{color:var(--accent);text-decoration:none;display:inline-block;margin-bottom:1.5rem}.surah-header{margin-bottom:2rem}.surah-title{text-align:center}.surah-name-arabic-large{font-family:var(--arabic-font-family);font-size:3rem;color:var(--accent);margin-bottom:.5rem}.surah-subtitle{color:var(--text-secondary);text-transform:capitalize}.surah-controls{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.translation-selector{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap}.wbw-mode-toggle{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;font-size:.9rem}.wbw-mode-toggle label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-primary);font-weight:500}.wbw-mode-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.wbw-mode-info{font-size:.8rem;color:var(--accent);margin-left:auto}.ayah-word-by-word{margin:1rem 0}.wbw-loading{text-align:center;color:var(--text-secondary);padding:1rem;font-style:italic;cursor:pointer}.wbw-loading:hover{color:var(--accent)}.translation-selector label{font-weight:600;color:var(--text-primary)}.translation-selector select{flex:1;min-width:200px;max-width:400px;padding:.625rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;cursor:pointer}.translation-selector select:focus{outline:none;border-color:var(--accent)}.translation-selector select optgroup{font-weight:600;color:var(--text-primary)}.translation-selector select option{padding:.5rem}.current-translation{font-size:.85rem;color:var(--text-secondary);font-style:italic}.bismillah{text-align:center;font-family:Amiri,serif;font-size:2rem;color:var(--accent);padding:2rem;margin-bottom:2rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border)}.ayahs-list{display:flex;flex-direction:column;gap:1.5rem}.ayah-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.ayah-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.ayah-actions{display:flex;align-items:center;gap:.5rem}.action-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:all .2s}.action-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.action-btn.bookmark-btn.bookmarked{background:var(--accent);border-color:var(--accent);color:#fff}.action-btn.play-btn{border:2px solid var(--accent);color:var(--accent)}.action-btn.play-btn:hover,.action-btn.play-btn.playing{background:var(--accent);color:#fff}.ayah-number{width:36px;height:36px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.ayah-arabic{font-family:var(--arabic-font-family);font-size:var(--arabic-font-size);line-height:2;text-align:right;direction:rtl;margin-bottom:1rem}.ayah-translation{color:var(--text-secondary);line-height:1.8}.ayah-number-container{display:flex;align-items:center;gap:.5rem}.sajda-marker{font-size:1.25rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.ayah-meta{display:flex;gap:.75rem;flex-wrap:wrap}.meta-item{font-size:.75rem;color:var(--text-secondary);background:var(--bg-secondary);padding:.25rem .5rem;border-radius:4px}.has-sajda{border-left:4px solid #f59e0b;background:linear-gradient(to right,rgba(245,158,11,.1),transparent)}.sajda-notice{display:flex;align-items:center;gap:.5rem;background:#f59e0b26;color:#f59e0b;padding:.5rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem;font-weight:500}.sajda-icon{font-size:1.25rem}.tafsir-toggle{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:.375rem .75rem;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .2s}.tafsir-toggle:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.tafsir-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-top:1rem;direction:rtl;text-align:right;font-family:var(--arabic-font-family);line-height:1.8;color:var(--text-secondary)}.tafsir-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.tafsir-title{font-weight:600;color:var(--accent);direction:ltr;font-family:Inter,sans-serif}.tafsir-text{font-size:1.1rem;line-height:2;margin:0}.ayah-footer{display:flex;justify-content:flex-start;margin-top:1rem;padding-top:.75rem;border-top:1px dashed var(--border)}.tafsir-toggle.active{background:var(--accent);color:#fff;border-color:var(--accent)}.juz-page{max-width:800px;margin:0 auto}.page-title{font-size:2rem;margin-bottom:2rem;color:var(--text-primary)}.juz-selector{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border)}.juz-selector label{font-weight:600;color:var(--text-primary)}.juz-selector select{flex:1;max-width:200px;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem}.juz-content{margin-top:1rem}.juz-info{text-align:center;margin-bottom:2rem}.juz-info h2{font-size:1.75rem;color:var(--accent);margin-bottom:.5rem}.juz-stats{color:var(--text-secondary)}.juz-surahs{display:flex;flex-direction:column;gap:1rem}.juz-surah-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1rem 1.5rem}.juz-surah-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.surah-link{display:flex;align-items:center;gap:1rem;text-decoration:none;color:var(--text-primary)}.surah-link:hover{color:var(--accent)}.surah-number-badge{width:40px;height:40px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.surah-details{display:flex;flex-direction:column}.surah-name{font-family:var(--arabic-font-family);font-size:1.25rem}.surah-english{font-size:.875rem;color:var(--text-secondary)}.ayah-range{font-size:.875rem;color:var(--text-secondary);background:var(--bg-secondary);padding:.375rem .75rem;border-radius:6px}.browse-links{display:flex;gap:1rem;margin-bottom:2rem}.browse-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);text-decoration:none;transition:all .2s}.browse-link:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.surah-navigation{display:flex;justify-content:space-between;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.nav-btn{padding:.75rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);text-decoration:none;transition:all .2s}.nav-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.search-page{max-width:800px;margin:0 auto}.search-header{margin-bottom:2rem}.search-header h2{margin-bottom:.5rem}.results-count{color:var(--text-secondary)}.search-empty,.no-results{text-align:center;padding:4rem 1rem}.search-empty h2{margin-bottom:.5rem}.search-results{display:flex;flex-direction:column;gap:1rem}.search-result-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.search-result-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow)}.result-header{margin-bottom:.75rem}.surah-badge{background:var(--accent);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.result-text{color:var(--text-secondary);line-height:1.7}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}.loading-spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.error-container{text-align:center;padding:4rem 1rem}.error-icon{font-size:3rem;margin-bottom:1rem}.error-container h3{margin-bottom:.5rem}.error-container p{color:var(--text-secondary);margin-bottom:1.5rem}.retry-btn{padding:.75rem 2rem;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background .2s}.retry-btn:hover{background:var(--accent-hover)}.bookmarks-page{max-width:800px;margin:0 auto}.bookmarks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.bookmarks-header h1{margin:0}.clear-btn{padding:.5rem 1rem;background:transparent;border:1px solid #dc3545;color:#dc3545;border-radius:8px;cursor:pointer;transition:all .2s}.clear-btn:hover{background:#dc3545;color:#fff}.empty-bookmarks{text-align:center;padding:4rem 1rem}.empty-hint{color:var(--text-secondary);margin:1rem 0 2rem}.bookmarks-list{display:flex;flex-direction:column;gap:1.5rem}.bookmark-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.bookmark-ref{color:var(--accent);text-decoration:none;font-weight:600}.bookmark-ref:hover{text-decoration:underline}.remove-btn{width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-btn:hover{background:#dc3545;color:#fff}.bookmark-arabic{font-family:Amiri,serif;font-size:var(--arabic-font-size);line-height:2;text-align:right;direction:rtl;margin-bottom:1rem}.bookmark-translation{color:var(--text-secondary);line-height:1.8;margin-bottom:1rem}.bookmark-date{font-size:.75rem;color:var(--text-secondary)}@media (max-width: 768px){.header-content{justify-content:space-between}.search-form{order:3;width:100%;max-width:none}.header-actions{order:2}.hero h1{font-size:2rem}.surah-name-arabic-large{font-size:2.25rem}.surah-navigation{flex-direction:column;gap:1rem}.nav-btn{text-align:center}.ayah-actions{flex-wrap:wrap}.daily-ayah-arabic{font-size:1.5rem}.daily-ayah-english{font-size:1rem}.daily-ayah-urdu{font-size:1.1rem}.history-list{flex-wrap:nowrap}.browse-links{flex-direction:column}}.footer-compact{background:linear-gradient(180deg,#071a10,#0a1f15);margin-top:auto;position:relative;overflow:hidden}.footer-texture{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 10% 90%,rgba(34,197,94,.08) 0%,transparent 50%),radial-gradient(ellipse at 90% 10%,rgba(139,117,50,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(34,197,94,.03) 0%,transparent 70%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L30 60M0 30L60 30M15 15L45 45M45 15L15 45' stroke='rgba(139,117,50,0.04)' stroke-width='0.5' fill='none'/%3E%3Ccircle cx='30' cy='30' r='8' stroke='rgba(34,197,94,0.03)' stroke-width='0.5' fill='none'/%3E%3C/svg%3E");pointer-events:none}.footer-content{position:relative;z-index:1;padding:1.5rem 0 1rem}.footer-container-compact{max-width:1400px;margin:0 auto;padding:0 1.5rem}.footer-top-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-bottom:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.08)}.footer-brand-compact{display:flex;align-items:center;gap:.6rem}.footer-logo-sm{height:36px;width:auto}.footer-brand-text{font-size:1.1rem;font-weight:700;color:#8b7532}.footer-stats-inline{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.footer-stats-inline .stat-item{font-size:.8rem;color:#fff9;white-space:nowrap}.footer-stats-inline .stat-item strong{color:#22c55e;font-weight:600}.footer-stats-inline .stat-divider{color:#fff3;font-size:.75rem}.footer-social-compact{display:flex;gap:.4rem}.footer-social-compact a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#fff9;transition:all .2s ease}.footer-social-compact a:hover{background:#22c55e;border-color:#22c55e;color:#fff;transform:translateY(-2px)}.footer-social-compact a svg{width:15px;height:15px}.footer-links-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem}.footer-col h5.footer-col-title{font-size:.75rem;font-weight:700;color:#8b7532;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.6rem}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.35rem}.footer-col ul li a{color:#ffffff8c;text-decoration:none;font-size:.8rem;transition:color .2s}.footer-col ul li a:hover{color:#22c55e}.footer-bottom-compact{background:#00000040;border-top:1px solid rgba(255,255,255,.05);padding:.75rem 0;position:relative;z-index:1}.footer-bottom-compact .footer-container-compact{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.footer-bottom-compact p{color:#fff6;font-size:.75rem;margin:0}.footer-bottom-compact a{color:#8b7532;text-decoration:none;transition:color .2s}.footer-bottom-compact a:hover{color:#22c55e}@media (max-width: 1024px){.footer-links-grid{grid-template-columns:repeat(5,1fr);gap:1rem}}@media (max-width: 768px){.footer-top-row{flex-direction:column;text-align:center;gap:.75rem}.footer-stats-inline,.footer-social-compact{justify-content:center}.footer-links-grid{grid-template-columns:repeat(3,1fr);gap:1rem;text-align:center}.footer-bottom-compact .footer-container-compact{flex-direction:column;text-align:center}}@media (max-width: 480px){.footer-content{padding:1.25rem 0 .75rem}.footer-stats-inline .stat-divider{display:none}.footer-stats-inline{gap:.75rem}.footer-stats-inline .stat-item{font-size:.7rem}.footer-links-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.footer-col:last-child{grid-column:span 2;text-align:center}.footer-col ul{gap:.25rem}.footer-col ul li a{font-size:.75rem}.footer-logo-sm{height:30px}.footer-brand-text{font-size:.95rem}}.mp3-audio-page{max-width:1200px;margin:0 auto;padding:1rem}.mp3-audio-page .page-header{text-align:center;margin-bottom:2rem}.mp3-audio-page .page-title{font-size:2rem;margin-bottom:.5rem}.mp3-audio-page .page-subtitle{color:var(--text-secondary);font-size:1rem}.reciter-selector{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.reciter-selector label{font-weight:600;color:var(--text-primary)}.reciter-selector select{flex:1;max-width:400px;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text-primary);font-size:1rem}.reciter-dropdown-container{margin-bottom:1.5rem;position:relative}.dropdown-label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem}.custom-dropdown{position:relative;width:100%;max-width:500px}.dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:var(--bg-card);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s}.dropdown-trigger:hover{border-color:var(--accent)}.dropdown-trigger.open{border-color:var(--accent);border-bottom-left-radius:0;border-bottom-right-radius:0}.selected-reciter{display:flex;align-items:center;gap:.75rem}.reciter-avatar,.item-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#2e7d32);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0}.reciter-details,.item-details{display:flex;flex-direction:column;align-items:flex-start}.reciter-details .reciter-name,.item-details .item-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.reciter-details .reciter-meta,.item-details .item-meta{font-size:.8rem;color:var(--text-secondary)}.dropdown-arrow{color:var(--text-secondary);font-size:.7rem;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:2px solid var(--accent);border-top:none;border-radius:0 0 12px 12px;box-shadow:0 8px 24px #0003;z-index:100;max-height:400px;display:flex;flex-direction:column}.dropdown-search{padding:.75rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.5rem;position:relative}.dropdown-search .search-icon{width:18px;height:18px;color:var(--text-secondary);flex-shrink:0}.dropdown-search input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:.95rem;outline:none}.dropdown-search input::placeholder{color:var(--text-secondary)}.clear-search{background:var(--text-secondary);color:var(--bg-card);border:none;width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;line-height:1}.dropdown-list{overflow-y:auto;flex:1}.letter-group{border-bottom:1px solid var(--border)}.letter-group:last-child{border-bottom:none}.letter-header{padding:.5rem 1rem;background:var(--bg-secondary);font-weight:700;font-size:.8rem;color:var(--accent);text-transform:uppercase;letter-spacing:1px;position:sticky;top:0;z-index:1}.dropdown-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;cursor:pointer;transition:background .15s;text-align:left}.dropdown-item:hover{background:#4caf501a}.dropdown-item.selected{background:#4caf5026}.dropdown-item .item-avatar{width:36px;height:36px;font-size:.9rem}.check-mark{color:var(--accent);font-weight:600;margin-left:auto}.no-results{padding:2rem;text-align:center;color:var(--text-secondary)}.mp3-features{display:flex;justify-content:center;gap:2rem;margin:1.5rem 0;flex-wrap:wrap}.feature-stat{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border);min-width:80px}.feature-stat .stat-number{font-size:1.5rem;font-weight:700;color:var(--accent)}.feature-stat .stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.mp3-features-list{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.mp3-features-list .feature-item{padding:.375rem .75rem;background:#4caf5026;color:var(--accent);border-radius:20px;font-size:.75rem;font-weight:500}.playlist-toggle{margin-bottom:1rem}.playlist-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-card);border:2px solid var(--border);border-radius:10px;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .2s}.playlist-btn:hover,.playlist-btn.active{border-color:var(--accent);background:#4caf501a}.playlist-count{background:var(--accent);color:#fff;padding:.15rem .5rem;border-radius:10px;font-size:.8rem}.playlist-panel{background:var(--bg-card);border:2px solid var(--accent);border-radius:16px;padding:1.25rem;margin-bottom:1.5rem}.playlist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.playlist-header h3{margin:0;color:var(--text-primary);font-size:1.1rem}.playlist-repeat-control{display:flex;align-items:center;gap:.5rem}.playlist-repeat-control label{font-size:.85rem;color:var(--text-secondary)}.repeat-input-group{display:flex;align-items:center;background:var(--bg-secondary);border-radius:8px;overflow:hidden}.repeat-input-group button{width:32px;height:32px;background:transparent;border:none;color:var(--text-primary);font-size:1rem;cursor:pointer;transition:background .2s}.repeat-input-group button:hover{background:#4caf5033}.repeat-input-group .repeat-value{padding:0 .75rem;font-weight:600;color:var(--accent);min-width:36px;text-align:center}.repeat-input-group.small button{width:26px;height:26px;font-size:.85rem}.repeat-input-group.small .repeat-value{padding:0 .5rem;min-width:28px;font-size:.85rem}.playlist-empty{padding:2rem;text-align:center;color:var(--text-secondary)}.playlist-empty .hint{font-size:.85rem;margin-top:.5rem;opacity:.7}.playlist-items{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto;margin-bottom:1rem}.playlist-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border-radius:10px;transition:all .2s}.playlist-item.playing{background:#4caf5033;border-left:3px solid var(--accent)}.playlist-item-order{display:flex;flex-direction:column;align-items:center;gap:2px}.playlist-item-order .order-num{font-weight:700;color:var(--accent);font-size:.9rem}.playlist-item-order .move-btn{background:transparent;border:none;color:var(--text-secondary);font-size:.6rem;cursor:pointer;padding:2px;opacity:.6;transition:opacity .2s}.playlist-item-order .move-btn:hover:not(:disabled){opacity:1;color:var(--accent)}.playlist-item-order .move-btn:disabled{opacity:.2;cursor:not-allowed}.playlist-item-info{flex:1;min-width:0}.playlist-item-info .surah-name{display:block;font-weight:600;color:var(--text-primary);font-size:.9rem}.playlist-item-info .surah-arabic{font-size:.85rem;color:var(--text-secondary)}.playlist-item-repeat{display:flex;align-items:center;gap:.4rem}.playlist-item-repeat label{font-size:.75rem;color:var(--text-secondary)}.remove-btn{background:transparent;border:none;color:#ef5350;font-size:1rem;cursor:pointer;padding:.25rem;opacity:.7;transition:opacity .2s}.remove-btn:hover{opacity:1}.playlist-controls{display:flex;gap:.75rem;flex-wrap:wrap}.play-playlist-btn,.stop-playlist-btn,.clear-playlist-btn{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.play-playlist-btn{background:var(--accent);color:#fff;flex:1}.play-playlist-btn:hover{background:#43a047}.stop-playlist-btn{background:#ef5350;color:#fff;flex:1}.stop-playlist-btn:hover{background:#e53935}.clear-playlist-btn{background:var(--bg-secondary);color:var(--text-secondary)}.clear-playlist-btn:hover{background:#ef535033;color:#ef5350}.playlist-progress{display:flex;justify-content:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);font-size:.85rem;color:var(--text-secondary);flex-wrap:wrap}.surah-actions{display:flex;gap:.5rem}.add-playlist-btn{width:36px;height:36px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);font-size:1.2rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.add-playlist-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.add-playlist-btn.added{background:var(--accent);border-color:var(--accent);color:#fff}.add-playlist-btn:disabled{opacity:.3;cursor:not-allowed}.surah-audio-card.in-playlist{border-color:var(--accent)}.playlist-status{font-size:.8rem;color:var(--accent);background:#4caf5026;padding:.2rem .5rem;border-radius:4px}.reciter-info{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-card);border-radius:8px;margin-bottom:1.5rem;flex-wrap:wrap}.reciter-info .reciter-name{font-weight:600;color:var(--accent);font-size:1.1rem}.reciter-info .reciter-style{color:var(--text-secondary);font-size:.9rem}.reciter-info .surah-count{background:var(--accent);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.surah-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.surah-audio-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;transition:all .2s}.surah-audio-card:hover{border-color:var(--accent);transform:translateY(-2px)}.surah-audio-card.unavailable{opacity:.5}.surah-audio-card.playing{border-color:var(--accent);background:#4caf501a}.surah-audio-card .surah-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:50%;font-weight:600;font-size:.9rem;flex-shrink:0}.surah-audio-card .surah-info{flex:1;min-width:0}.surah-audio-card .surah-name-ar{font-family:var(--arabic-font-family);font-size:1.2rem;margin:0 0 .25rem;direction:rtl}.surah-audio-card .surah-name-en{font-size:.9rem;font-weight:500;margin:0 0 .25rem;color:var(--text-primary)}.surah-audio-card .surah-meta{font-size:.75rem;color:var(--text-secondary);margin:0}.surah-audio-card .play-btn{width:48px;height:48px;border-radius:50%;border:2px solid var(--accent);background:transparent;color:var(--accent);font-size:1.2rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.surah-audio-card .play-btn:hover:not(:disabled){background:var(--accent);color:#fff}.surah-audio-card .play-btn:disabled{opacity:.3;cursor:not-allowed}.surah-audio-card .play-btn.playing{background:var(--accent);color:#fff;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.now-playing-bar{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:2px solid var(--accent);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:1000;box-shadow:0 -4px 20px #0003}.now-playing-info{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.now-playing-label{color:var(--text-secondary);font-size:.9rem}.now-playing-surah{font-weight:600;color:var(--accent);font-size:1.1rem}.now-playing-reciter{color:var(--text-secondary);font-size:.9rem}.stop-btn{padding:.5rem 1.5rem;background:#f44336;color:#fff;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;transition:background .2s}.stop-btn:hover{background:#d32f2f}@media (max-width: 600px){.surah-grid{grid-template-columns:1fr}.now-playing-bar{padding:.75rem 1rem;flex-direction:column;gap:.75rem}.now-playing-info{justify-content:center;text-align:center}}.about-section{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border)}.about-header{text-align:center;max-width:800px;margin:0 auto 3rem}.about-title{font-size:2.25rem;font-weight:700;color:var(--accent);margin-bottom:.5rem}.about-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:1.5rem}.about-intro{font-size:1.05rem;line-height:1.8;color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-bottom:4rem}.stat-card{background:linear-gradient(135deg,var(--accent) 0%,#166534 100%);border-radius:16px;padding:1.5rem 1rem;text-align:center;color:#fff;transition:transform .3s,box-shadow .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #22c55e4d}.stat-icon{font-size:2rem;margin-bottom:.5rem}.stat-number{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.stat-label{font-size:.85rem;opacity:.9}.features-section{margin-bottom:4rem}.features-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:2.5rem}.feature-category{margin-bottom:2.5rem}.category-title{font-size:1.25rem;font-weight:600;color:var(--accent);margin-bottom:1.25rem;padding-left:.5rem;border-left:4px solid var(--accent)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:transform .2s,box-shadow .2s,border-color .2s}.feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a;border-color:var(--accent)}.feature-icon{font-size:2rem;margin-bottom:.75rem}.feature-card h5{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.feature-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.quran-facts{background:linear-gradient(135deg,#22c55e1a,#1665341a);border-radius:20px;padding:3rem;margin-bottom:4rem}.facts-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:2rem}.facts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.fact-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-align:center;transition:transform .2s}.fact-card:hover{transform:translateY(-3px)}.fact-icon{font-size:2.5rem;margin-bottom:.75rem}.fact-card h5{font-size:1rem;font-weight:600;color:var(--accent);margin-bottom:.5rem}.fact-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.cta-section{text-align:center;padding:3rem;background:var(--bg-card);border-radius:20px;border:1px solid var(--border)}.cta-section h3{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.cta-section p{font-size:1.05rem;color:var(--text-secondary);margin-bottom:1.5rem}.cta-buttons{display:flex;justify-content:center;gap:1rem}.cta-btn{padding:.875rem 2rem;border-radius:10px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.cta-btn.primary{background:var(--accent);color:#fff}.cta-btn.primary:hover{background:#16a34a;transform:translateY(-2px)}.cta-btn.secondary{background:transparent;color:var(--accent);border:2px solid var(--accent)}.cta-btn.secondary:hover{background:var(--accent);color:#fff}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(3,1fr)}.features-grid,.facts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.about-title{font-size:1.75rem}.about-subtitle{font-size:1.1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.features-grid,.facts-grid{grid-template-columns:1fr}.quran-facts{padding:2rem 1.5rem}.cta-buttons{flex-direction:column}.cta-btn{width:100%;text-align:center}}.contact-page{min-height:100vh}.contact-hero{background:linear-gradient(135deg,var(--accent) 0%,#166534 100%);padding:4rem 2rem;text-align:center;position:relative;overflow:hidden}.contact-hero-content{position:relative;z-index:1;max-width:700px;margin:0 auto}.contact-hero h1{font-size:2.75rem;font-weight:700;color:#fff;margin-bottom:1rem}.contact-hero p{font-size:1.2rem;color:#ffffffe6;line-height:1.7}.contact-hero-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.contact-container{max-width:1200px;margin:0 auto;padding:3rem 1.5rem}.contact-methods-section{margin-bottom:3rem}.contact-methods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.contact-method-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem;text-align:center;transition:transform .2s,box-shadow .2s}.contact-method-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.contact-method-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--accent) 0%,#166534 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff}.contact-method-card h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.contact-method-desc{font-size:.9rem;color:var(--text-secondary);margin-bottom:.75rem}.contact-method-value{font-size:1rem;font-weight:600;color:var(--accent);text-decoration:none}.contact-method-value:hover{text-decoration:underline}.contact-main{display:grid;grid-template-columns:1.5fr 1fr;gap:2.5rem;margin-bottom:4rem}.contact-form-section{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:2.5rem}.section-header{text-align:center;margin-bottom:2rem}.section-header h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.section-header p{color:var(--text-secondary);font-size:1rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{padding:.875rem 1rem;background:var(--bg-primary);border:2px solid var(--border);border-radius:10px;font-size:1rem;color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #22c55e26}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--accent) 0%,#166534 100%);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.form-success{text-align:center;padding:3rem 2rem}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--accent) 0%,#166534 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff}.form-success h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.form-success p{color:var(--text-secondary);font-size:1rem;margin-bottom:1.5rem}.btn-primary{padding:.875rem 2rem;background:var(--accent);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#16a34a}.contact-sidebar{display:flex;flex-direction:column;gap:1.5rem}.social-connect-card,.quick-links-card,.developer-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.social-connect-card h3,.quick-links-card h3,.developer-card h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.social-connect-card p{font-size:.9rem;color:var(--text-secondary);margin-bottom:1.25rem}.social-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.social-link-card{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;text-decoration:none;transition:all .2s}.social-link-card:hover{border-color:var(--accent);background:#22c55e1a}.social-icon{color:var(--accent)}.social-name{font-size:.85rem;font-weight:500;color:var(--text-primary)}.quick-links-list{display:flex;flex-direction:column;gap:.5rem}.quick-link-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-primary);border-radius:8px;text-decoration:none;color:var(--text-primary);font-size:.9rem;transition:background .2s}.quick-link-item:hover{background:#22c55e1a}.quick-link-icon{font-size:1.1rem}.developer-link{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;text-decoration:none;transition:all .2s}.developer-link:hover{border-color:var(--accent)}.developer-info{display:flex;flex-direction:column;gap:.25rem}.developer-name{font-weight:600;color:var(--accent)}.developer-location{font-size:.85rem;color:var(--text-secondary)}.developer-link svg{color:var(--text-secondary)}.faq-section{margin-bottom:4rem}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.faq-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.75rem;transition:transform .2s,box-shadow .2s}.faq-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.faq-icon{width:44px;height:44px;background:#22c55e1a;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--accent)}.faq-card h4{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.faq-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.7}.mission-section{background:linear-gradient(135deg,#22c55e1a,#1665341a);border-radius:20px;padding:3rem}.mission-content{max-width:800px;margin:0 auto;text-align:center}.mission-content h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:1.25rem}.mission-content p{font-size:1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1rem}.mission-features{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:2rem}.mission-feature{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-card);border-radius:30px;border:1px solid var(--border)}.feature-icon{font-size:1.25rem}.mission-feature span:last-child{font-size:.9rem;font-weight:500;color:var(--text-primary)}@media (max-width: 1024px){.contact-main{grid-template-columns:1fr}.contact-sidebar{flex-direction:row;flex-wrap:wrap}.social-connect-card,.quick-links-card,.developer-card{flex:1;min-width:280px}}@media (max-width: 768px){.contact-hero h1{font-size:2rem}.contact-hero p{font-size:1rem}.contact-methods-grid,.form-row,.faq-grid,.social-links-grid{grid-template-columns:1fr}.mission-section{padding:2rem 1.5rem}.mission-features{flex-direction:column;align-items:center}}.hero-badge{display:inline-block;background:#fff3;color:#fff;padding:.5rem 1.25rem;border-radius:30px;font-size:.9rem;font-weight:600;margin-bottom:1rem}.hero-email{display:inline-flex;align-items:center;gap:.75rem;background:#ffffff26;padding:.875rem 1.5rem;border-radius:12px;margin-top:1.5rem;color:#fff}.hero-email a{color:#fff;font-size:1.1rem;font-weight:600;text-decoration:none}.hero-email a:hover{text-decoration:underline}.why-contact-section{margin-bottom:4rem}.why-contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.why-contact-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem 1.5rem;text-align:center;transition:all .2s}.why-contact-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.why-contact-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--accent) 0%,#166534 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff}.why-contact-card h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.why-contact-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.email-card{background:linear-gradient(135deg,var(--accent) 0%,#166534 100%);border-radius:16px;padding:2rem;text-align:center;color:#fff}.email-card-icon{width:64px;height:64px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.email-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.email-card p{font-size:.9rem;opacity:.9;margin-bottom:1rem}.email-link{display:inline-block;background:#fff;color:var(--accent);padding:.75rem 1.5rem;border-radius:10px;font-weight:600;text-decoration:none;transition:transform .2s}.email-link:hover{transform:translateY(-2px)}.social-info{display:flex;flex-direction:column;align-items:flex-start}.social-followers{font-size:.75rem;color:var(--text-secondary)}.response-time-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;text-align:center}.response-icon{width:50px;height:50px;background:#22c55e1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;color:var(--accent)}.response-time-card h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.response-time-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.platform-overview{margin-bottom:4rem}.platform-features-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.platform-feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem 1rem;text-align:center;transition:all .2s}.platform-feature-card:hover{border-color:var(--accent);transform:translateY(-2px)}.platform-feature-icon{font-size:2rem;margin-bottom:.5rem}.platform-feature-card h4{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.platform-feature-card p{font-size:.8rem;color:var(--text-secondary)}.mission-values{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem;text-align:left}.mission-value{display:flex;gap:1rem;padding:1.25rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border)}.value-icon{font-size:1.75rem}.mission-value h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.mission-value p{font-size:.85rem;color:var(--text-secondary);margin:0}.developer-section{margin-top:3rem}.developer-card-large{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem;text-align:center}.developer-header{margin-bottom:1.5rem}.developer-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.developer-header p{color:var(--text-secondary);font-size:.95rem}.developer-link-large{display:inline-flex;align-items:center;gap:1rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--accent) 0%,#166534 100%);border-radius:12px;text-decoration:none;color:#fff;transition:all .2s}.developer-link-large:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.developer-info-large{display:flex;flex-direction:column;align-items:flex-start}.developer-name-large{font-size:1.1rem;font-weight:600}.developer-tagline{font-size:.85rem;opacity:.9}@media (max-width: 1024px){.why-contact-grid{grid-template-columns:repeat(2,1fr)}.platform-features-grid{grid-template-columns:repeat(3,1fr)}.mission-values{grid-template-columns:1fr}}@media (max-width: 768px){.why-contact-grid{grid-template-columns:1fr}.platform-features-grid{grid-template-columns:repeat(2,1fr)}.hero-email{flex-direction:column;gap:.5rem}}.article-featured-image{margin-bottom:2rem;border-radius:12px;overflow:hidden}.article-featured-image img{width:100%;height:auto;max-height:500px;object-fit:cover}.article-category{background:var(--accent);color:#fff;padding:.2rem .75rem;border-radius:15px;font-size:.85rem}.blog-card-image{width:100%;height:180px;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-category{display:inline-block;background:var(--accent);color:#fff;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;margin-bottom:.5rem}.auth-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.auth-container{background:var(--bg-card);border-radius:16px;padding:2.5rem;width:100%;max-width:420px;box-shadow:0 4px 20px var(--shadow);border:1px solid var(--border)}.signup-container{max-width:500px}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:1.75rem;color:var(--accent);margin-bottom:.5rem}.auth-header p{color:var(--text-secondary)}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-error{background:#dc35451a;color:#dc3545;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;border:1px solid rgba(220,53,69,.3)}.auth-success{background:#1e7b4a1a;color:#1a5f3c;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;border:1px solid rgba(30,123,74,.3);margin-bottom:1rem}.forgot-password-link{text-align:right;margin-bottom:1rem}.forgot-password-link a{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color .2s ease}.forgot-password-link a:hover{color:var(--accent)}.auth-message-box{background:var(--bg-secondary);padding:2rem;border-radius:12px;text-align:center;margin-bottom:1rem}.auth-btn-link{display:inline-block;background:linear-gradient(135deg,#1a5f3c,#0d3d28);color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;margin-top:1rem;transition:opacity .2s ease}.auth-btn-link:hover{opacity:.9}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;font-size:.9rem;color:var(--text-primary)}.form-group input,.form-group select{padding:.875rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;background:var(--bg-secondary);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1e7b4a1a}.auth-btn{padding:1rem;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;margin-top:.5rem}.auth-btn:hover:not(:disabled){background:var(--accent-hover)}.auth-btn:disabled{opacity:.7;cursor:not-allowed}.auth-footer{text-align:center;margin-top:1.5rem;color:var(--text-secondary)}.auth-footer a{color:var(--accent);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1rem;background:#fff;border:1px solid #dadce0;border-radius:8px;color:#3c4043;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:1rem}.google-btn:hover{background:#f8f9fa;border-color:#c6c9cc;box-shadow:0 1px 3px #0000001a}.google-btn svg{flex-shrink:0}.auth-divider{display:flex;align-items:center;margin:1.25rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{padding:0 1rem;color:var(--text-secondary);font-size:.85rem;white-space:nowrap}.login-btn{padding:.5rem 1rem;background:var(--accent);color:#fff;border-radius:6px;text-decoration:none;font-size:.9rem;font-weight:500;transition:background .2s}.login-btn:hover{background:var(--accent-hover)}.user-menu{position:relative}.user-btn{display:flex;align-items:center;text-decoration:none}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.mobile-auth{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-top:1px solid var(--border);margin-top:.5rem}.mobile-auth-link{padding:.75rem 1rem;background:var(--bg-card);border-radius:8px;text-decoration:none;color:var(--text-primary);text-align:center;font-weight:500}.mobile-auth-link.signup{background:var(--accent);color:#fff}.mobile-logout-btn{padding:.75rem 1rem;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer}.dashboard-page,.admin-page{max-width:1200px;margin:0 auto;padding:2rem 1rem}.dashboard-header,.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.dashboard-welcome h1,.admin-welcome h1{font-size:1.75rem;color:var(--text-primary);margin-bottom:.25rem}.dashboard-welcome p,.admin-welcome p{color:var(--text-secondary)}.logout-btn{padding:.5rem 1rem;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.logout-btn:hover{background:var(--bg-secondary);border-color:var(--accent);color:var(--accent)}.dashboard-stats,.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-align:center}.stat-number{font-size:2rem;font-weight:700;color:var(--accent);margin-bottom:.25rem}.stat-label{color:var(--text-secondary);font-size:.9rem}.progress-card{display:flex;flex-direction:column;align-items:center}.progress-circle{width:80px;height:80px;position:relative}.progress-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-bg{fill:none;stroke:var(--border);stroke-width:3}.progress-fill{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .5s}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;font-weight:600;color:var(--accent)}.dashboard-tabs,.admin-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.tab-btn{padding:.75rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-weight:500;transition:all .2s}.tab-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tab-btn:hover:not(.active){background:var(--bg-card);border-color:var(--accent)}.dashboard-content,.admin-content{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.section-desc{color:var(--text-secondary);margin-bottom:1.5rem}.surah-tracker-grid{display:grid;gap:.5rem;max-height:600px;overflow-y:auto}.tracker-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border);transition:all .2s}.tracker-item.completed{background:#1e7b4a1a;border-color:var(--accent)}.tracker-info{display:flex;align-items:center;gap:1rem}.tracker-number{width:32px;height:32px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem}.tracker-names{display:flex;flex-direction:column}.tracker-english{font-weight:500;color:var(--text-primary)}.tracker-arabic{font-size:.85rem;color:var(--text-secondary);font-family:var(--arabic-font-family)}.tracker-actions{display:flex;gap:.5rem;align-items:center}.read-btn{padding:.4rem .75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);text-decoration:none;font-size:.85rem;transition:all .2s}.read-btn:hover{border-color:var(--accent);color:var(--accent)}.mark-btn{width:32px;height:32px;border-radius:50%;border:2px solid var(--border);background:transparent;cursor:pointer;font-size:1rem;color:var(--text-secondary);transition:all .2s}.mark-btn:hover{border-color:var(--accent)}.mark-btn.completed{background:var(--accent);border-color:var(--accent);color:#fff}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.browse-btn,.view-btn{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;background:var(--accent);color:#fff;text-decoration:none;border-radius:8px;font-weight:500}.bookmarks-list{display:grid;gap:1rem}.bookmark-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:1.25rem}.bookmark-ref{font-weight:600;color:var(--accent);margin-bottom:.75rem}.bookmark-arabic{font-family:var(--arabic-font-family);font-size:1.25rem;direction:rtl;text-align:right;margin-bottom:.5rem;line-height:1.8}.bookmark-translation{color:var(--text-secondary);font-style:italic;margin-bottom:1rem}.bookmark-actions{display:flex;gap:.5rem}.view-btn,.remove-btn{padding:.5rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s}.view-btn{background:var(--accent);color:#fff;text-decoration:none;border:none}.remove-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.remove-btn:hover{border-color:#dc3545;color:#dc3545}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.resource-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-decoration:none;transition:all .2s}.resource-card:hover{border-color:var(--accent);transform:translateY(-2px)}.resource-icon{font-size:2rem;margin-bottom:.75rem}.resource-card h3{color:var(--text-primary);margin-bottom:.5rem}.resource-card p{color:var(--text-secondary);font-size:.9rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.add-btn{padding:.75rem 1.25rem;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s}.add-btn:hover{background:var(--accent-hover)}.blogs-table,.users-table{overflow-x:auto}.blogs-table table,.users-table table{width:100%;border-collapse:collapse}.blogs-table th,.users-table th,.blogs-table td,.users-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border)}.blogs-table th,.users-table th{background:var(--bg-secondary);font-weight:600;color:var(--text-primary)}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.status-badge.published{background:#1e7b4a26;color:var(--accent)}.status-badge.draft{background:#ffc10726;color:#ffc107}.role-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:capitalize}.role-badge.admin{background:#dc354526;color:#dc3545}.role-badge.user{background:#1e7b4a26;color:var(--accent)}.edit-btn,.delete-btn{padding:.4rem .75rem;border-radius:6px;font-size:.85rem;cursor:pointer;border:none;transition:all .2s}.edit-btn{background:var(--accent);color:#fff}.delete-btn{background:#dc35451a;color:#dc3545}.delete-btn:hover{background:#dc3545;color:#fff}.blog-form-section h2{margin-bottom:1.5rem}.blog-form{display:flex;flex-direction:column;gap:1.25rem}.blog-form textarea{padding:1rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;background:var(--bg-secondary);color:var(--text-primary);resize:vertical;font-family:inherit}.blog-form textarea:focus{outline:none;border-color:var(--accent)}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.cancel-btn{padding:.75rem 1.5rem;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-weight:500}.save-btn{padding:.75rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500}.save-btn:disabled{opacity:.7;cursor:not-allowed}.blog-page{max-width:1000px;margin:0 auto;padding:2rem 1rem}.blog-header{text-align:center;margin-bottom:2.5rem}.blog-header h1{font-size:2rem;color:var(--accent);margin-bottom:.5rem}.blog-header p{color:var(--text-secondary)}.empty-blog{text-align:center;padding:4rem 1rem;color:var(--text-secondary)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.blog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;text-decoration:none;transition:all .2s;overflow:hidden}.blog-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 20px var(--shadow)}.blog-card-content{padding:1.5rem}.blog-card h2{font-size:1.25rem;color:var(--text-primary);margin-bottom:.75rem}.blog-excerpt{color:var(--text-secondary);font-size:.95rem;margin-bottom:1rem;line-height:1.6}.blog-meta{display:flex;gap:1rem;font-size:.85rem;color:var(--text-secondary)}.blog-post-page{max-width:800px;margin:0 auto;padding:2rem 1rem}.back-link{display:inline-flex;align-items:center;color:var(--accent);text-decoration:none;margin-bottom:2rem;font-weight:500}.back-link:hover{text-decoration:underline}.blog-article{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem}.article-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.article-header h1{font-size:2rem;color:var(--text-primary);margin-bottom:1rem}.article-meta{display:flex;gap:.5rem;color:var(--text-secondary);font-size:.95rem}.article-content{line-height:1.8;color:var(--text-primary)}.article-content p{margin-bottom:1.25rem}.error-page{text-align:center;padding:4rem 1rem}.error-page h2{color:var(--text-primary);margin-bottom:1rem}.error-page a{color:var(--accent)}.profile-section h2{font-size:1.25rem;color:var(--text-primary);margin-bottom:.5rem}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:1.5rem}.profile-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.profile-form,.password-form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.form-input{padding:.875rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;background:var(--bg-card);color:var(--text-primary);transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1e7b4a1a}.form-input.disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed}.form-hint{color:var(--text-secondary);font-size:.8rem;margin-top:.25rem}.message{padding:.75rem 1rem;border-radius:8px;font-size:.9rem;margin-bottom:.5rem}.message.success{background:#1e7b4a1a;color:var(--accent);border:1px solid rgba(30,123,74,.3)}.message.error{background:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.3)}.account-info{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.account-info h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:1rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.85rem;color:var(--text-secondary)}.info-value{font-weight:500;color:var(--text-primary)}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.dashboard-stats,.admin-stats{grid-template-columns:repeat(2,1fr)}.tracker-item{flex-direction:column;align-items:flex-start;gap:.75rem}.tracker-actions{width:100%;justify-content:space-between}.blogs-table,.users-table{font-size:.85rem}.actions-cell,.form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%;text-align:center}.profile-grid{grid-template-columns:1fr}}.dashboard-layout{display:flex;min-height:calc(100vh - 120px);background:var(--bg-primary)}.dashboard-sidebar{width:280px;background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .3s ease;position:sticky;top:0;height:calc(100vh - 120px)}.dashboard-sidebar.collapsed{width:80px}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:1rem}.dashboard-sidebar .user-avatar{width:48px;height:48px;min-width:48px;border-radius:12px;background:linear-gradient(135deg,var(--accent) 0%,#166534 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem}.user-info{flex:1;min-width:0;overflow:hidden}.user-info h3{font-size:1rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.user-info span{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.sidebar-toggle{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.sidebar-toggle:hover{border-color:var(--accent);color:var(--accent)}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-section{padding:0 .75rem;margin-bottom:.5rem}.nav-section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:.5rem .75rem;display:block}.nav-divider{height:1px;background:var(--border);margin:.75rem 1rem}.nav-item{display:flex;align-items:center;gap:.875rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;border-radius:10px;cursor:pointer;transition:all .2s;color:var(--text-secondary);font-size:.95rem;font-weight:500;text-align:left;margin-bottom:.25rem}.nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-item.active{background:linear-gradient(135deg,var(--accent) 0%,#166534 100%);color:#fff}.nav-icon{display:flex;align-items:center;justify-content:center;width:20px;flex-shrink:0}.nav-label{white-space:nowrap}.dashboard-sidebar.collapsed .nav-item{justify-content:center;padding:.75rem}.sidebar-footer{padding:1rem;border-top:1px solid var(--border)}.sidebar-footer .logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border-radius:10px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s}.sidebar-footer .logout-btn:hover{background:#dc35451a;border-color:#dc3545;color:#dc3545}.dashboard-sidebar.collapsed .sidebar-footer .logout-btn{justify-content:center;padding:.75rem}.dashboard-main{flex:1;display:flex;flex-direction:column;min-width:0}.dashboard-topbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--bg-card);border-bottom:1px solid var(--border)}.page-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.greeting{color:var(--text-secondary);font-size:.95rem}.dashboard-main .dashboard-content{flex:1;padding:2rem;overflow-y:auto;background:transparent;border:none;border-radius:0}.overview-section{display:flex;flex-direction:column;gap:2rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.stats-grid .stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;transition:all .2s}.stats-grid .stat-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stats-grid .stat-card.primary{background:linear-gradient(135deg,var(--accent) 0%,#166534 100%);border:none}.stats-grid .stat-card.primary .stat-icon,.stats-grid .stat-card.primary .stat-number,.stats-grid .stat-card.primary .stat-label{color:#fff}.stats-grid .stat-card.primary .stat-icon{background:#fff3}.stat-icon{width:48px;height:48px;background:#22c55e1a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.stat-content{display:flex;flex-direction:column}.stats-grid .stat-number{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stats-grid .stat-label{font-size:.85rem;color:var(--text-secondary);margin-top:.25rem}.stats-grid .stat-card.progress{flex-direction:column;align-items:center;justify-content:center;text-align:center}.progress-ring{width:80px;height:80px;position:relative;margin-bottom:.5rem}.progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.quick-actions h2,.recent-bookmarks h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.action-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:all .2s;text-align:center}.action-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.action-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--accent) 0%,#166534 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.action-card span{font-weight:600;color:var(--text-primary);font-size:.95rem}.recent-bookmarks .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.view-all-btn{background:transparent;border:none;color:var(--accent);font-weight:600;cursor:pointer;font-size:.9rem}.view-all-btn:hover{text-decoration:underline}.bookmarks-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.bookmark-preview-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.bookmark-preview-card .bookmark-ref{font-size:.85rem;margin-bottom:.5rem}.bookmark-preview-card .bookmark-arabic{font-size:1rem;margin-bottom:.75rem;line-height:1.6}.view-link{color:var(--accent);text-decoration:none;font-weight:600;font-size:.9rem}.view-link:hover{text-decoration:underline}.tracker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.completed-count{background:var(--accent);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem}.bookmarks-section .empty-state{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:4rem 2rem}.empty-icon{width:80px;height:80px;background:#22c55e1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--accent)}.empty-state h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:.5rem}.bookmarks-section .bookmark-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1rem}.bookmark-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.bookmarks-section .remove-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0}.resources-section{display:flex;flex-direction:column;gap:2rem}.resources-intro{color:var(--text-secondary);font-size:1rem;line-height:1.6}.resources-category h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--accent);display:inline-block}.resources-section .resources-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.resources-section .resource-card{display:flex;gap:1rem;padding:1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;text-decoration:none;transition:all .2s}.resources-section .resource-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.resources-section .resource-card.featured{background:linear-gradient(135deg,#22c55e1a,#1665341a);border-color:var(--accent)}.resources-section .resource-icon{font-size:1.75rem;flex-shrink:0}.resource-content h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.resource-content p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.profile-section .profile-card,.security-section .profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem;max-width:600px}.card-header{margin-bottom:1.5rem}.card-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.card-header p{color:var(--text-secondary);font-size:.9rem}.security-tips{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-top:1.5rem;max-width:600px}.security-tips h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.security-tips ul{list-style:none;padding:0;margin:0}.security-tips li{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;color:var(--text-secondary);font-size:.9rem}.security-tips li:before{content:"•";color:var(--accent);font-weight:700}.account-section{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;align-items:start}.account-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem}.account-details{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;justify-content:space-between;padding:1rem;background:var(--bg-secondary);border-radius:10px}.detail-label{font-size:.9rem;color:var(--text-secondary)}.detail-value{font-weight:600;color:var(--text-primary)}.detail-value.account-type{color:var(--accent)}.account-actions-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.account-actions-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.account-links{display:flex;flex-direction:column;gap:.5rem}.account-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;text-decoration:none;color:var(--text-primary);font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s}.account-link:hover{border-color:var(--accent);color:var(--accent)}@media (max-width: 1200px){.stats-grid,.actions-grid,.bookmarks-preview{grid-template-columns:repeat(2,1fr)}.account-section{grid-template-columns:1fr}}@media (max-width: 992px){.dashboard-sidebar{width:80px}.dashboard-sidebar .user-info,.dashboard-sidebar .nav-label,.dashboard-sidebar .nav-section-title,.sidebar-footer .logout-btn span{display:none}.sidebar-header{flex-direction:column;gap:.5rem}.sidebar-toggle{display:none}.nav-item,.sidebar-footer .logout-btn{justify-content:center;padding:.75rem}.resources-section .resources-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-layout{flex-direction:column}.dashboard-sidebar{width:100%;height:auto;position:relative;flex-direction:row;overflow-x:auto;padding:.5rem}.sidebar-header{display:none}.sidebar-nav{display:flex;padding:0;overflow-x:auto;flex:1}.nav-section{display:flex;gap:.25rem;padding:0;margin:0}.nav-divider{width:1px;height:auto;margin:0 .5rem;display:none}.nav-item{flex-direction:column;gap:.25rem;padding:.5rem .75rem;white-space:nowrap;font-size:.75rem}.nav-item .nav-icon svg{width:18px;height:18px}.nav-item .nav-label{display:block;font-size:.7rem}.sidebar-footer{display:none}.dashboard-topbar{padding:1rem}.page-title{font-size:1.25rem}.greeting{display:none}.dashboard-main .dashboard-content{padding:1rem}.stats-grid,.actions-grid{grid-template-columns:1fr 1fr}.bookmarks-preview{grid-template-columns:1fr}.profile-section .profile-card,.security-section .profile-card{padding:1.5rem}}.admin-layout .admin-sidebar .admin-avatar{background:linear-gradient(135deg,#dc3545,#b02a37)}.admin-badge{display:inline-block;background:#dc354526;color:#dc3545;padding:.15rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.admin-stats-grid{grid-template-columns:repeat(4,1fr)}.topbar-actions{display:flex;gap:.75rem}.topbar-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s}.topbar-btn:hover{border-color:var(--accent);color:var(--accent)}.recent-activity h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;transition:all .2s}.activity-item:hover{border-color:var(--accent)}.activity-icon{width:36px;height:36px;background:#22c55e1a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-content h4{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-meta{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.published{background:var(--accent)}.status-dot.draft{background:#ffc107}.activity-action{padding:.4rem .75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.activity-action:hover{border-color:var(--accent);color:var(--accent)}.empty-activity{text-align:center;padding:2rem;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:12px}.blog-title-cell{display:flex;flex-direction:column;gap:.25rem}.blog-excerpt-preview{font-size:.8rem;color:var(--text-secondary);font-weight:400}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.form-header h2{margin:0}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.back-btn:hover{border-color:var(--accent);color:var(--accent)}.user-cell{display:flex;align-items:center;gap:.75rem}.user-avatar-small{width:32px;height:32px;background:linear-gradient(135deg,var(--accent) 0%,#166534 100%);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0}.coming-soon{text-align:center;padding:4rem 2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px}.coming-soon-icon{width:100px;height:100px;background:#22c55e1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--accent)}.coming-soon h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem}.coming-soon p{color:var(--text-secondary)}.admin-settings-section{display:flex;flex-direction:column;gap:1.5rem}.settings-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.settings-options{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary);border-radius:10px}.setting-info h4{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.setting-info p{font-size:.85rem;color:var(--text-secondary)}.quick-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1rem}.quick-link{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);text-decoration:none;font-weight:500;font-size:.9rem;transition:all .2s}.quick-link:hover{border-color:var(--accent);color:var(--accent)}.quick-link svg{color:var(--accent)}.add-btn{display:flex;align-items:center;gap:.5rem}.donations-section{animation:fadeIn .3s ease}.donation-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.donation-stat{background:var(--bg-card);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;border:1px solid var(--border)}.donation-stat .stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.donation-stat .stat-info h3{font-size:.85rem;color:var(--text-secondary);margin-bottom:.25rem;font-weight:500}.donation-stat .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.donation-stat .stat-count{font-size:.8rem;color:var(--text-secondary)}.donations-table{overflow-x:auto}.donations-table table{width:100%;border-collapse:collapse}.donations-table th{background:var(--bg-secondary);font-weight:600;color:var(--text-primary)}.donor-cell{display:flex;align-items:center;gap:.75rem}.donor-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#1a5f3c,#0d3d28);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.donor-info{display:flex;flex-direction:column}.donor-name{font-weight:600;color:var(--text-primary)}.donor-email{font-size:.85rem;color:var(--text-secondary)}.location-cell{color:var(--text-secondary);font-size:.9rem}.location-text{display:inline-flex;align-items:center;gap:.25rem}.sync-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#1a5f3c,#0d3d28);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.sync-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.sync-btn:disabled{opacity:.6;cursor:not-allowed}.edit-user-form{background:var(--bg-secondary);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid var(--border)}.edit-user-form h3{margin:0 0 1rem;color:var(--text-primary)}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.actions-cell{display:flex;gap:.5rem}.action-btn{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.action-btn.edit{background:#2196f326;color:#2196f3}.action-btn.edit:hover{background:#2196f340}.action-btn.reset{background:#ff980026;color:#ff9800}.action-btn.reset:hover{background:#ff980040}.action-btn.delete{background:#f4433626;color:#f44336}.action-btn.delete:hover{background:#f4433640}.action-btn:disabled{opacity:.5;cursor:not-allowed}.amount-cell{font-weight:700;color:#1a5f3c;font-size:1.1rem}.type-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.type-badge.monthly{background:#9c27b026;color:#9c27b0}.type-badge.one_time{background:#2196f326;color:#2196f3}.status-badge.succeeded{background:#1e7b4a26;color:#1a5f3c}.status-badge.failed{background:#f4433626;color:#f44336}.status-badge.cancelled{background:#9e9e9e26;color:#9e9e9e}.status-badge.pending{background:#ff980026;color:#ff9800}.message-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary)}@media (max-width: 1200px){.donation-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.donation-stats-grid{grid-template-columns:1fr}}@media (max-width: 1200px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.quick-links-grid{grid-template-columns:1fr}}@media (max-width: 768px){.admin-stats-grid{grid-template-columns:1fr 1fr}.form-header{flex-direction:column;align-items:flex-start;gap:1rem}.topbar-actions{display:none}}.billing-section{display:flex;flex-direction:column;gap:1.5rem}.billing-loading{text-align:center;padding:3rem;color:var(--text-secondary)}.billing-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.billing-card .card-header{margin-bottom:1.5rem}.billing-card .card-header h2{color:var(--text-primary);margin-bottom:.25rem}.billing-card .card-header p{color:var(--text-secondary);font-size:.9rem}.subscriptions-list{display:flex;flex-direction:column;gap:1rem}.subscription-item{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:1.25rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.subscription-info{display:flex;align-items:center;gap:1rem}.subscription-amount{font-size:1.25rem;font-weight:600;color:var(--accent)}.subscription-status{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:capitalize}.subscription-status.active{background:#1e7b4a26;color:#1a5f3c}.subscription-status.Cancelling,.subscription-status.canceled{background:#ff980026;color:#ff9800}.subscription-details{color:var(--text-secondary);font-size:.9rem}.cancel-subscription-btn{padding:.5rem 1rem;background:transparent;border:1px solid #dc3545;color:#dc3545;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.cancel-subscription-btn:hover:not(:disabled){background:#dc3545;color:#fff}.cancel-subscription-btn:disabled{opacity:.5;cursor:not-allowed}.donations-table-wrapper{overflow-x:auto}.donations-table{width:100%;border-collapse:collapse}.donations-table th,.donations-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border)}.donations-table th{color:var(--text-secondary);font-weight:500;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.donations-table td{color:var(--text-primary)}.amount-cell{font-weight:600;color:var(--accent)}.donation-type-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.donation-type-badge.monthly{background:#9c27b026;color:#9c27b0}.donation-type-badge.one_time{background:#2196f326;color:#2196f3}.no-donations{text-align:center;padding:2rem;color:var(--text-secondary)}.donate-link-btn,.donate-again-btn{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;background:var(--accent);color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:background .2s}.donate-link-btn:hover,.donate-again-btn:hover{background:var(--accent-hover)}.billing-info-card{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);border-radius:12px;padding:2rem;text-align:center;color:#fff}.billing-info-card h3{margin-bottom:.75rem;font-size:1.25rem}.billing-info-card p{opacity:.9;margin-bottom:1.5rem;line-height:1.6}.billing-info-card .donate-again-btn{background:#fff;color:var(--accent)}.billing-info-card .donate-again-btn:hover{background:#ffffffe6}.force-password-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.force-password-modal{background:var(--bg-primary);border-radius:16px;padding:2rem;max-width:400px;width:100%;box-shadow:0 20px 60px #0000004d}.force-password-modal h2{color:var(--text-primary);margin-bottom:.5rem}.force-password-modal p{color:var(--text-secondary);margin-bottom:1.5rem}.force-password-modal .form-group{margin-bottom:1rem}.force-password-modal .form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500}.force-password-modal .form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:1rem}.force-password-modal .save-btn{width:100%;margin-top:1rem}@media (max-width: 768px){.subscription-item{flex-direction:column;align-items:flex-start}.subscription-info{width:100%;justify-content:space-between}.cancel-subscription-btn{width:100%}}.user-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.user-filters{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.user-filters .search-box{flex:1;min-width:250px;display:flex;align-items:center;gap:.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:.5rem 1rem}.user-filters .search-box input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.95rem;outline:none}.user-filters .search-box svg{color:var(--text-secondary)}.user-filters .role-filter{padding:.6rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;cursor:pointer}.bulk-actions{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;margin-bottom:1rem;flex-wrap:wrap}.bulk-actions span{font-weight:600;color:var(--accent);margin-right:.5rem}.bulk-btn{padding:.4rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s}.bulk-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.bulk-btn.delete{color:#dc3545;border-color:#dc3545}.bulk-btn.delete:hover{background:#dc3545;color:#fff}.bulk-btn.cancel{color:var(--text-secondary)}.bulk-btn.cancel:hover{background:var(--bg-primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--bg-primary);border-radius:12px;padding:1.5rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-content h3{color:var(--text-primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.modal-content h3 svg{color:var(--accent)}.users-table .checkbox-col{width:40px;text-align:center}.users-table tr.selected{background:#1a7d5c1a}.users-table input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}.you-badge{background:var(--accent);color:#fff;font-size:.7rem;padding:.15rem .4rem;border-radius:4px;margin-left:.5rem;font-weight:600}.action-btn.password{color:#0d6efd;border-color:#0d6efd4d;background:#0d6efd1a}.action-btn.password:hover{background:#0d6efd;color:#fff}.role-badge.teacher{background:#0d6efd1a;color:#0d6efd;border:1px solid rgba(13,110,253,.3)}.header-actions{display:flex;gap:.75rem}.ai-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.ai-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.ai-modal{max-width:550px}.ai-modal h3{background:linear-gradient(135deg,#8b5cf6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-modal h3 svg{color:#8b5cf6}.ai-generate-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1)!important;display:flex;align-items:center;gap:.5rem}.ai-generate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.ai-generate-btn .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.user-filters{flex-direction:column}.user-filters .search-box{width:100%}.bulk-actions{flex-direction:column;align-items:stretch}.header-actions{flex-direction:column;width:100%}.ai-btn,.add-btn{width:100%;justify-content:center}}.blog-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border);padding-bottom:1rem}.blog-tabs .tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:.9rem}.blog-tabs .tab-btn:hover{background:var(--bg-hover);color:var(--text)}.blog-tabs .tab-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.blog-tabs .tab-btn svg{opacity:.7}.blog-tabs .tab-btn.active svg{opacity:1}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.category-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.category-card.main-category{border-left:4px solid var(--accent)}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.category-header h3{font-size:1.1rem;color:var(--text);margin:0}.blog-count{background:var(--accent);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem}.category-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.category-actions{display:flex;gap:.5rem;margin-bottom:1rem}.subcategories{border-top:1px solid var(--border);padding-top:1rem;margin-top:.5rem}.subcategories h4{font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem}.subcategory-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px dashed var(--border)}.subcategory-item:last-child{border-bottom:none}.subcat-name{flex:1;color:var(--text)}.subcat-count{background:#8b753226;color:var(--accent);padding:.2rem .5rem;border-radius:10px;font-size:.75rem}.subcat-actions{display:flex;gap:.25rem}.subcat-actions button{padding:.25rem .5rem;font-size:.75rem;background:transparent;border:1px solid var(--border);border-radius:4px;cursor:pointer;color:var(--text-secondary)}.subcat-actions button:hover{background:var(--bg-hover)}.settings-section{display:grid;gap:1.5rem}.setting-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.setting-card h3{margin:0 0 .5rem;color:var(--text);font-size:1.1rem}.setting-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.tips-list{margin:0;padding-left:1.25rem}.tips-list li{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem}.ai-modal-large{max-width:700px;max-height:85vh;overflow-y:auto}.ai-form-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.ai-form-section:last-of-type{border-bottom:none;margin-bottom:0}.ai-form-section h4{color:var(--accent);font-size:.95rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.form-hint{display:block;font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.image-upload-area{display:flex;flex-direction:column;gap:1rem}.upload-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-hover);border:2px dashed var(--border);border-radius:8px;color:var(--text);cursor:pointer;transition:all .2s;font-size:.9rem}.upload-btn:hover{border-color:var(--accent);background:#8b75321a}.image-preview{position:relative;max-width:200px}.image-preview img{width:100%;border-radius:8px;border:1px solid var(--border)}.remove-image{position:absolute;top:.5rem;right:.5rem;padding:.25rem .5rem;background:#dc3545e6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.75rem}.blog-form-enhanced{display:flex;flex-direction:column;gap:1.5rem}.blog-form-enhanced .form-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.blog-form-enhanced .form-section h4{margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border);color:var(--accent);font-size:1rem}.char-count{display:block;text-align:right;font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.blog-tabs{flex-wrap:wrap}.blog-tabs .tab-btn{flex:1;min-width:100px;justify-content:center}.categories-grid{grid-template-columns:1fr}.ai-modal-large{max-width:100%;margin:1rem}.form-row{grid-template-columns:1fr}}