@import url(https://fonts.googleapis.com/css2?family=Amiri+Quran&family=Inter:wght@300;400;500;600;700;800&display=swap);.navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffbf;border:1px solid var(--border-glass);border-radius:50px;box-shadow:0 1px 4px #0000000a;left:50%;max-width:calc(var(--max-width) + 48px);padding:12px 0;position:fixed;top:16px;transform:translateX(-50%);transition:all .3s ease;width:calc(100% - 48px);z-index:1000}.navbar.scrolled{background:#ffffffe6;border-color:#d4af371f;box-shadow:0 4px 20px #0000000f;padding:8px 0;top:8px}.navbar-inner{align-items:center;display:flex;gap:24px;justify-content:space-between}.navbar-logo a{font-size:1.3rem;font-weight:700;letter-spacing:-.5px;text-decoration:none}.logo-gold{color:var(--gold)}.logo-dark{color:var(--text-primary)}.navbar-center{flex:1 1;max-width:240px}.navbar-progress{align-items:center;display:flex;gap:10px}.progress-bar-track{background:var(--heatmap-empty);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.progress-bar-fill{background:var(--gradient-gold);border-radius:3px;height:100%}.progress-text{color:var(--gold-dark);font-size:.8rem;font-weight:600;min-width:36px;text-align:right}.navbar-actions{align-items:center;display:flex;gap:4px}.nav-link{border-radius:50px;color:var(--text-secondary);font-size:.9rem;font-weight:500;padding:8px 18px;text-decoration:none;transition:all .3s ease}.nav-link.active,.nav-link:hover{background:var(--gold-glow);color:var(--gold-dark)}.nav-link.active{font-weight:600}.mobile-toggle{display:none}.mobile-toggle button{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:4px}.hamburger-line{background:var(--text-primary);border-radius:1px;display:block;height:2px;width:20px}.mobile-menu{background:#fff;border:1px solid var(--border-glass);border-radius:16px;box-shadow:var(--shadow-card-hover);display:flex;flex-direction:column;gap:4px;left:8px;padding:12px;position:absolute;right:8px;top:calc(100% + 8px)}.mobile-menu a{border-radius:12px;color:var(--text-secondary);font-size:1rem;font-weight:500;padding:12px 16px;text-decoration:none;transition:all .3s ease}.mobile-menu a:hover{background:var(--gold-glow);color:var(--gold-dark)}.nav-auth{align-items:center;display:flex}.btn-login{background:var(--gradient-gold);border:none;border-radius:50px;box-shadow:0 2px 8px #d4af3740;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;padding:8px 20px;transition:all .3s ease}.btn-login:hover{box-shadow:var(--shadow-gold);transform:translateY(-1px)}.user-menu-wrapper{position:relative}.user-avatar-btn{background:none;border:none;cursor:pointer;padding:2px}.user-avatar,.user-avatar-btn{align-items:center;display:flex}.user-avatar{background:var(--gradient-gold);border-radius:50%;color:#fff;font-size:.85rem;font-weight:700;height:34px;justify-content:center;transition:transform .2s ease;width:34px}.user-avatar-btn:hover .user-avatar{transform:scale(1.05)}.user-dropdown{background:#fff;border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.user-dropdown-header{border-bottom:1px solid var(--border-glass);color:var(--text-primary);font-size:.85rem;padding:12px 16px}.user-dropdown-item{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-family:Inter,sans-serif;font-size:.85rem;padding:10px 16px;text-align:left;transition:background .2s ease;width:100%}.user-dropdown-item:hover{background:var(--gold-glow);color:var(--gold-dark)}.mobile-auth-btn{background:var(--gradient-gold);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;margin-top:4px;padding:12px 16px;text-align:center;width:100%}@media (max-width:768px){.navbar{border-radius:30px;padding:10px 0;top:12px;width:calc(100% - 24px)}.nav-auth,.nav-link,.navbar-center{display:none}.mobile-toggle{display:block}.navbar-logo a{font-size:1.1rem}}@media (max-width:480px){.navbar{border-radius:24px;padding:8px 0;top:8px;width:calc(100% - 16px)}.navbar-inner{gap:12px}.navbar-logo a{font-size:1rem}.mobile-toggle button{padding:2px}.hamburger-line{height:1.5px;width:18px}.mobile-menu{border-radius:12px;left:4px;padding:8px;right:4px}.mobile-menu a{font-size:.95rem;padding:10px 14px}}.footer{background:linear-gradient(180deg,#0f172a,#1e293b);overflow:hidden;position:relative}.footer:before{background:radial-gradient(circle,#d4af370a 0,#0000 70%);content:"";height:800px;left:50%;pointer-events:none;position:absolute;top:-60px;transform:translateX(-50%);width:800px}.footer-wave{line-height:0;margin-bottom:-1px;position:relative;z-index:1}.footer-wave svg{display:block;height:50px;width:100%}.footer-inner{padding:50px 0 30px;position:relative;z-index:2}.footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1.3fr}.footer-logo-wrap{align-items:center;display:flex;gap:12px;margin-bottom:16px;position:relative}.footer-glow{animation:footerGlow 3s ease-in-out infinite;background:radial-gradient(circle,#d4af3726 0,#0000 70%);border-radius:50%;height:60px;left:-10px;position:absolute;width:60px}@keyframes footerGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.4)}}.footer-logo{font-size:1.4rem;font-weight:800;position:relative;z-index:1}.footer-logo .logo-gold{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4af37,#e8c44a);-webkit-background-clip:text;background-clip:text}.footer-logo .logo-dark{color:#f1f5f9}.footer-brand-desc{color:#94a3b8;font-size:.88rem;line-height:1.7;margin-bottom:18px;max-width:320px}.footer-brand-stats{display:flex;gap:10px}.footer-brand-stat{align-items:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:50px;color:#64748b;cursor:default;display:inline-flex;font-size:.78rem;gap:6px;padding:6px 14px;transition:all .3s ease}.footer-stat-dot{animation:dotPulse 2s ease-in-out infinite;background:#22c55e;border-radius:50%;height:5px;width:5px}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.3}}.footer-col-title{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:1.5px;margin-bottom:20px;text-transform:uppercase}.footer-col-links{display:flex;flex-direction:column;gap:4px}.footer-link{align-items:center;color:#cbd5e1;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 0;position:relative;text-decoration:none;transition:all .3s ease}.footer-link:hover{color:#d4af37}.footer-link-text{position:relative}.footer-link-text:after{background:var(--gradient-gold);bottom:-2px;content:"";height:1.5px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-link:hover .footer-link-text:after{width:100%}.footer-link-arrow{color:#d4af37;display:inline-flex;opacity:0;transform:translateX(-6px);transition:all .3s ease}.footer-link:hover .footer-link-arrow{opacity:1;transform:translateX(0)}.footer-social{display:flex;flex-direction:column;gap:6px}.footer-social-link{align-items:center;border-radius:10px;color:#94a3b8;display:inline-flex;font-size:.85rem;font-weight:500;gap:10px;padding:8px 12px;text-decoration:none;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.footer-social-link:hover{background:#d4af370f;color:#d4af37}.footer-social-link svg{height:18px;transition:transform .3s ease;width:18px}.footer-social-link:hover svg{transform:scale(1.15)}.footer-col-cta{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;padding:24px 22px}.footer-cta-text{color:#94a3b8;font-size:.88rem;font-style:italic;line-height:1.6;margin-bottom:18px}.footer-cta-btn-wrap{display:inline-block}.footer-cta-btn{align-items:center;background:linear-gradient(135deg,#d4af37,#e8c44a);border-radius:50px;box-shadow:0 4px 16px #d4af3733;color:#0f172a;display:inline-flex;font-size:.82rem;font-weight:700;gap:8px;padding:10px 22px;text-decoration:none;transition:all .3s ease}.footer-cta-btn:hover{box-shadow:0 6px 24px #d4af3759}.footer-cta-btn svg{transition:transform .3s ease}.footer-cta-btn:hover svg{transform:translateX(3px)}.footer-divider{background:linear-gradient(90deg,#0000,#d4af3733,#94a3b81a,#0000);height:1px;margin:36px 0 20px;transform-origin:left}.footer-bottom{text-align:center}.footer-bottom p{color:#64748b;font-size:.82rem}.footer-heart{color:#ef4444;display:inline-block;font-size:.85rem}.footer-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4af37,#e8c44a);-webkit-background-clip:text;background-clip:text;font-weight:600}@media (max-width:968px){.footer-grid{gap:32px;grid-template-columns:1fr 1fr}.footer-brand,.footer-col-cta{grid-column:1/-1}}@media (max-width:640px){.footer-inner{padding:30px 0 20px}.footer-grid{gap:28px;grid-template-columns:1fr}.footer-wave svg{height:30px}.footer-logo{font-size:1.2rem}.footer-brand-desc{font-size:.82rem;max-width:100%}.footer-col-title{margin-bottom:14px}.footer-link{font-size:.85rem}.footer-cta-btn{font-size:.78rem;padding:9px 18px}.footer-divider{margin:24px 0 16px}.footer-bottom p{font-size:.75rem}}.hero-section{align-items:center;background:var(--gradient-hero);display:flex;min-height:85vh;overflow:hidden;padding:140px 0 80px;position:relative}.hero-bg-pattern{background-image:radial-gradient(circle at 15% 50%,#d4af370a 0,#0000 50%),radial-gradient(circle at 85% 30%,#d4af3708 0,#0000 50%),radial-gradient(circle at 50% 80%,#d4af3705 0,#0000 50%);inset:0;position:absolute;z-index:0}.hero-bg-pattern:after{background-image:radial-gradient(circle at 25% 25%,#d4af37 1px,#0000 0),radial-gradient(circle at 75% 75%,#d4af37 1px,#0000 0),radial-gradient(circle at 50% 50%,#d4af37 1px,#0000 0);background-size:40px 40px;content:"";inset:0;opacity:.04}.hero-bg-pattern:after,.hero-glow{pointer-events:none;position:absolute}.hero-glow{border-radius:50%;z-index:0}.hero-glow-1{background:radial-gradient(circle,#d4af370f 0,#0000 70%);height:500px;right:-10%;top:-20%;width:500px}.hero-glow-2{background:radial-gradient(circle,#d4af370a 0,#0000 70%);bottom:-15%;height:400px;left:-10%;width:400px}.hero-content{margin:0 auto;max-width:720px;position:relative;text-align:center;z-index:1}.hero-badge{align-items:center;background:#fff;border:1px solid var(--border-glass);border-radius:50px;box-shadow:var(--shadow-card);color:var(--gold-dark);display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;margin-bottom:32px;padding:8px 20px}.badge-dot{animation:pulse 2s ease-in-out infinite;background:var(--gold);border-radius:50%;height:6px;width:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hero-title{color:var(--text-primary);font-size:3.5rem;font-weight:800;letter-spacing:-1px;line-height:1.15;margin-bottom:16px}.hero-gold-text{-webkit-text-fill-color:#0000;background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);font-size:1.5rem;font-weight:600;margin-bottom:20px;min-height:2rem}.rotating-word{animation:fadeWord 2.2s ease-in-out infinite;color:var(--gold-dark);display:inline-block}@keyframes fadeWord{0%,to{opacity:0;transform:translateY(8px)}20%,80%{opacity:1;transform:translateY(0)}}.hero-description{color:var(--text-muted);font-size:1.1rem;line-height:1.7;margin:0 auto 36px;max-width:520px}.hero-buttons{gap:16px;margin-bottom:60px}.hero-buttons,.hero-stats{display:flex;justify-content:center}.hero-stats{align-items:center;gap:40px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-number{color:var(--text-primary);font-size:1.6rem;font-weight:700}.stat-label{color:var(--text-muted);font-size:.78rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.stat-divider{background:var(--border-glass);height:40px;width:1px}@media (max-width:768px){.hero-section{min-height:70vh;padding:120px 0 60px}.hero-title{font-size:2.4rem}.hero-subtitle{font-size:1.2rem}.hero-stats{flex-wrap:wrap;gap:24px}.stat-number{font-size:1.3rem}.hero-buttons{align-items:center;flex-direction:column}.hero-glow-1{height:300px;width:300px}.hero-glow-2{height:250px;width:250px}.hero-badge{font-size:.78rem;margin-bottom:24px;padding:6px 16px}.hero-description{font-size:1rem}}@media (max-width:480px){.hero-section{min-height:60vh;padding:100px 0 40px}.hero-title{font-size:1.8rem;letter-spacing:-.5px}.hero-subtitle{font-size:1rem;min-height:1.5rem}.hero-description{font-size:.9rem;margin-bottom:28px}.hero-buttons{gap:12px}.hero-buttons .btn{font-size:.9rem;justify-content:center;padding:12px 24px;width:100%}.hero-stats{gap:16px}.stat-number{font-size:1.1rem}.stat-label{font-size:.65rem;letter-spacing:.5px}.stat-divider{height:30px}.hero-glow-1{height:200px;width:200px}.hero-glow-2{height:150px;width:150px}}.surah-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;width:100%;z-index:2000}.surah-modal{background:#fff;border:1px solid var(--border-glass);border-radius:20px;box-shadow:0 20px 60px #0000001f;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.surah-modal-header{align-items:flex-start;background:#fff;border-bottom:1px solid var(--border-glass);display:flex;justify-content:space-between;padding:36px 40px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.surah-modal-title h2{font-size:1.8rem;margin-bottom:6px}.surah-modal-arabic{color:var(--gold-dark);direction:rtl;font-family:Amiri Quran,serif;font-size:1.4rem;margin:0 0 6px;text-align:right}.surah-modal-translation{color:var(--text-muted);font-size:1rem;font-style:italic;margin-bottom:12px}.surah-modal-meta{display:flex;flex-wrap:wrap;gap:12px}.surah-modal-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.mark-complete-btn{background:#0000;border:1px solid var(--gold);border-radius:50px;color:var(--gold-dark);cursor:pointer;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;padding:10px 24px;transition:all .3s ease}.mark-complete-btn:hover{background:var(--gradient-gold);border-color:#0000;color:#fff}.mark-complete-btn.completed{background:#f0fdf4;border-color:var(--success);color:var(--success);cursor:default}.close-modal{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;transition:all .3s ease;width:40px}.close-modal:hover{background:var(--bg-card-hover);color:var(--text-primary)}.verses-container{padding:24px 40px 40px}.verse-item{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:12px;margin-bottom:28px;padding:20px;transition:border-color .3s ease}.verse-item:hover{border-color:var(--border-glass-hover)}.verse-item.bookmarked{background:#fffbeb;border-color:#d4af374d}.verse-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.verse-bookmark-btn{align-items:center;background:#fff;border:1px solid var(--border-glass);border-radius:50px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;gap:5px;padding:5px 14px;transition:all .3s ease}.verse-bookmark-btn:hover{background:#fffbeb;border-color:var(--gold);color:var(--gold-dark)}.verse-bookmark-btn.active{background:var(--gradient-gold);border-color:#0000;color:#fff}.verse-actions-row{align-items:center;display:flex;gap:8px;margin-top:8px}.verse-number{background:#fffbeb;border-radius:12px;color:var(--gold-dark);display:inline-block;font-size:.82rem;font-weight:600;padding:4px 12px}.verse-arabic{border:1px solid var(--border-glass);border-radius:8px;color:var(--text-primary);direction:rtl;font-family:Amiri Quran,serif;font-size:1.3rem;line-height:2;text-align:right}.verse-arabic,.verse-translation{background:#fff;margin-bottom:8px;padding:16px}.verse-translation{border-left:3px solid var(--gold);border-radius:8px;color:var(--text-secondary);font-size:1rem;line-height:1.7}.verse-explain-btn{background:#0000;border:1px solid var(--gold);border-radius:50px;color:var(--gold-dark);cursor:pointer;font-family:Inter,sans-serif;font-size:.82rem;font-weight:500;padding:8px 18px;transition:all .3s ease}.verse-explain-btn:hover{background:var(--gold-glow)}.explain-loading{opacity:.6}.verse-explanation{background:#fffbeb;border:1px solid #d4af3726;border-radius:12px;margin-top:12px;overflow:hidden;padding:16px}.explanation-themes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.theme-tag{background:#fff;border:1px solid #d4af3726;border-radius:50px;color:var(--gold-dark);font-size:.78rem;padding:4px 12px}.explanation-context{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:12px}.explanation-context strong{color:var(--gold-dark)}.explanation-text{color:var(--text-primary);font-size:.95rem;line-height:1.7}.partial-content-note{background:#fffbeb;border:1px solid #d4af371f;border-radius:12px;margin-top:20px;padding:16px;text-align:center}.partial-content-note p{color:var(--text-muted);font-size:.9rem}@media (max-width:768px){.surah-modal-overlay{padding:10px}.surah-modal{border-radius:16px;max-height:95vh}.surah-modal-header{flex-direction:column;gap:16px;padding:24px 20px 16px}.surah-modal-title h2{font-size:1.4rem}.surah-modal-actions{justify-content:flex-end;width:100%}.verses-container{padding:16px 20px 24px}.verse-item{padding:16px}.verse-translation{font-size:.95rem;padding:12px}.verse-arabic{font-size:1.1rem;padding:12px}.mark-complete-btn{font-size:.82rem;padding:8px 18px}}@media (max-width:480px){.surah-modal-overlay{padding:6px}.surah-modal{border-radius:12px}.surah-modal-header{gap:12px;padding:18px 14px 12px}.surah-modal-title h2{font-size:1.15rem}.surah-modal-arabic{font-size:1.1rem}.surah-modal-translation{font-size:.85rem;margin-bottom:8px}.surah-modal-meta{gap:8px}.verses-container{padding:12px 14px 18px}.verse-item{margin-bottom:16px;padding:12px}.verse-number{font-size:.75rem;padding:3px 10px}.verse-arabic{font-size:1rem;padding:10px}.verse-translation{font-size:.88rem;padding:10px}.verse-explain-btn{font-size:.75rem;padding:6px 14px}.verse-explanation{padding:12px}.explanation-text{font-size:.88rem}.mark-complete-btn{font-size:.75rem;padding:6px 14px}.close-modal{height:32px;padding:4px;width:32px}.close-modal svg{height:18px;width:18px}}.search-section{background:var(--bg-primary)}.search-box-container{align-items:center;display:flex;gap:12px;justify-content:center;margin:0 auto 40px;max-width:640px}.search-input{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:50px;color:var(--text-primary);flex:1 1;font-family:Inter,sans-serif;font-size:1rem;outline:none;padding:16px 24px;transition:all .3s ease}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}.search-input:disabled{opacity:.5}.search-btn{background:var(--gradient-gold);border:none;border-radius:50px;box-shadow:0 2px 8px #d4af3740;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;padding:16px 36px;transition:all .3s ease;white-space:nowrap}.search-btn:hover:not(:disabled){box-shadow:var(--shadow-gold);transform:translateY(-2px)}.search-btn:disabled{cursor:not-allowed;opacity:.5}.ai-thinking{margin:0 auto;max-width:400px;text-align:center}.thinking-bar{background:var(--heatmap-empty);border-radius:2px;height:4px;margin-bottom:16px;overflow:hidden}.thinking-bar-fill{background:var(--gradient-gold);border-radius:2px;height:100%;width:30%}.ai-thinking p{color:var(--text-muted);font-size:.95rem}.ai-results{margin:0 auto;max-width:800px}.ai-message-bubble{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:16px;display:flex;gap:14px;margin-bottom:32px;padding:20px}.ai-avatar{align-items:center;background:var(--gradient-gold);border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:42px;justify-content:center;min-width:42px;width:42px}.ai-message-bubble p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.recommendations-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.rec-card{background:#fff;border:1px solid var(--border-glass);border-radius:18px;box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.rec-card:before{background:var(--gradient-gold);content:"";height:3px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.rec-card:hover{border-color:var(--border-glass-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}.rec-card:hover:before{opacity:1}.rec-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.rec-card-header h4{color:var(--text-primary);font-size:1.15rem}.rec-number{background:#fffbeb;border:1px solid #d4af3726;border-radius:50px;color:var(--gold-dark);font-size:.75rem;font-weight:600;padding:4px 10px}.rec-arabic{color:var(--gold-dark);direction:rtl;font-family:Amiri Quran,serif;font-size:1.1rem;margin-bottom:6px;text-align:right}.rec-translation{color:var(--text-muted);font-size:.9rem;font-style:italic;margin-bottom:16px}.rec-reason{background:#fffbeb;border-left:2px solid var(--gold);border-radius:8px;color:var(--text-secondary);font-size:.85rem;line-height:1.5;padding:12px}.reason-label{color:var(--gold-dark);font-weight:600}.search-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:28px}.search-tab{align-items:center;background:#fff;border:1px solid var(--border-glass);border-radius:50px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:.88rem;font-weight:600;gap:8px;padding:10px 24px;transition:all .3s ease}.search-tab:hover{border-color:var(--border-glass-hover);color:var(--gold-dark)}.search-tab.active{background:var(--gradient-gold);border-color:#0000;box-shadow:0 2px 8px #d4af3740;color:#fff}.keyword-results{margin:0 auto;max-width:720px}.keyword-count{color:var(--text-muted);font-size:.85rem;font-weight:500;margin-bottom:16px}.keyword-empty{background:#fff;border:1px dashed var(--border-glass);border-radius:16px;padding:40px 20px;text-align:center}.keyword-empty p{color:var(--text-muted)}.keyword-list{display:flex;flex-direction:column;gap:10px}.keyword-item{background:#fff;border:1px solid var(--border-glass);border-radius:14px;box-shadow:var(--shadow-sm);cursor:pointer;padding:16px 20px;transition:all .3s ease}.keyword-item:hover{border-color:#d4af3733;box-shadow:var(--shadow-md);transform:translateY(-2px)}.keyword-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.keyword-ref{color:var(--gold-dark);font-size:.78rem;font-weight:700}.keyword-key{background:var(--bg-secondary);border-radius:50px;color:var(--text-muted);font-size:.72rem;font-weight:500;padding:2px 10px}.keyword-text{color:var(--text-secondary);font-size:.92rem;line-height:1.6;margin:0}.search-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff9;display:flex;inset:0;justify-content:center;position:fixed;z-index:1500}.search-loading-spinner{animation:kwSpin .7s linear infinite;border:3px solid var(--border-glass);border-radius:50%;border-top-color:var(--gold);height:36px;width:36px}@keyframes kwSpin{to{transform:rotate(1turn)}}@media (max-width:768px){.search-section{padding:70px 0}.search-box-container{flex-direction:column;gap:10px}.search-input{font-size:.95rem;padding:14px 20px;width:100%}.search-btn{padding:14px 24px;width:100%}.recommendations-grid{gap:16px;grid-template-columns:1fr}.rec-card{padding:20px}.ai-message-bubble{gap:12px;padding:16px}.ai-avatar{font-size:.7rem;height:36px;min-width:36px;width:36px}.ai-message-bubble p{font-size:.9rem}.rec-card-header h4{font-size:1.05rem}}@media (max-width:480px){.search-section{padding:50px 0}.search-input{font-size:.9rem;padding:12px 16px}.search-btn{font-size:.9rem;padding:12px 20px}.rec-card{padding:16px}.rec-arabic{font-size:1rem}.rec-translation{font-size:.82rem}.rec-reason{font-size:.8rem;padding:10px}}.chapters-section{background:var(--bg-secondary)}.chapters-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.chapter-card{background:#fff;border:1px solid var(--border-glass);border-radius:18px;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.chapter-card:before{background:var(--gradient-gold);content:"";height:3px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.chapter-card:hover{border-color:var(--border-glass-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}.chapter-card:hover:before{opacity:1}.chapter-card.completed{border-color:#22c55e26}.chapter-card.completed:before{background:linear-gradient(90deg,var(--success),#4ade80);opacity:1}.chapter-card.completed:hover{border-color:#22c55e40}.chapter-number-wrap{align-items:center;display:flex;flex-direction:column;gap:6px;min-width:48px}.chapter-number{align-items:center;background:linear-gradient(135deg,#fffbeb,#fff7ed);border:1px solid #d4af3726;border-radius:50%;box-shadow:0 2px 8px #d4af3714;color:var(--gold-dark);display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:48px;justify-content:center;width:48px}.chapter-check{height:20px;width:20px}.chapter-info{flex:1 1;min-width:0}.chapter-name{color:var(--text-primary);font-size:1.2rem;margin-bottom:4px}.chapter-arabic{color:var(--gold-dark);direction:rtl;font-family:Amiri Quran,serif;font-size:1.1rem;margin-bottom:4px;text-align:right}.chapter-translation{color:var(--text-muted);font-size:.9rem;font-style:italic;margin-bottom:16px}.chapter-meta{align-items:center;border-top:1px solid var(--border-glass);color:var(--text-muted);display:flex;font-size:.85rem;justify-content:space-between;padding-top:12px}.revelation-tag{border-radius:50px;font-size:.75rem;font-weight:500;padding:3px 10px}.revelation-tag.makkah{background:#fffbeb;color:var(--gold-dark)}.revelation-tag.madinah{background:var(--bg-secondary);color:var(--text-secondary)}.daily-motivation{align-items:center;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #d4af3733;border-radius:18px;box-shadow:var(--shadow-sm);display:flex;gap:14px;margin-bottom:28px;padding:18px 24px;transition:box-shadow .3s ease}.daily-motivation:hover{box-shadow:var(--shadow-md)}.motivation-icon{align-items:center;background:var(--gradient-gold);border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;min-width:40px;width:40px}.motivation-text{color:var(--gold-dark);font-size:.92rem;font-style:italic;line-height:1.6;margin:0}.chapters-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.filter-btn{background:#fff;border:1px solid var(--border-glass);border-radius:50px;color:var(--text-muted);cursor:pointer;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;padding:10px 22px;transition:all .3s ease}.filter-btn:hover{background:#fffbeb;border-color:var(--border-glass-hover);color:var(--gold-dark)}.filter-btn.active{background:var(--gradient-gold);border-color:#0000;box-shadow:0 2px 8px #d4af3740;color:#fff}.verse-of-day{align-items:flex-start;background:#fff;border:1px solid var(--border-glass);border-radius:18px;box-shadow:var(--shadow-sm);display:flex;gap:14px;margin-bottom:28px;padding:18px 24px;transition:all .3s ease}.verse-of-day:hover{border-color:#d4af371f;box-shadow:var(--shadow-md)}.vod-icon{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:50%;color:var(--gold-dark);display:flex;height:40px;justify-content:center;min-width:40px;width:40px}.vod-body{flex:1 1}.vod-label{color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.vod-text{color:var(--text-primary);font-size:.95rem;font-style:italic;line-height:1.6;margin-bottom:4px}.vod-ref{color:var(--gold-dark);font-size:.78rem;font-weight:600}.filter-empty{background:#fff;border:1px dashed var(--border-glass);border-radius:16px;grid-column:1/-1;padding:60px 20px;text-align:center}.filter-empty p{color:var(--text-muted);font-size:1rem}@media (max-width:768px){.chapters-section{padding:70px 0}.chapters-grid{gap:16px;grid-template-columns:1fr}.chapter-card{gap:14px;padding:20px}.chapter-number{font-size:.9rem;height:40px;width:40px}.chapter-number-wrap{min-width:40px}.chapter-name{font-size:1.1rem}.chapter-arabic{font-size:1rem}.chapter-meta{font-size:.78rem}}@media (max-width:480px){.chapters-section{padding:50px 0}.chapter-card{gap:12px;padding:16px}.chapter-number{font-size:.8rem;height:36px;width:36px}.chapter-number-wrap{gap:4px;min-width:36px}.chapter-name{font-size:1rem}.chapter-arabic{font-size:.9rem}.chapter-translation{font-size:.82rem;margin-bottom:12px}.chapter-check{height:16px;width:16px}}.home-page{background:var(--bg-primary);min-height:100vh;overflow-x:hidden;position:relative}.scroll-top-btn{align-items:center;background:#fff;border:1px solid var(--border-glass);border-radius:50%;bottom:30px;box-shadow:var(--shadow-card);color:var(--gold-dark);cursor:pointer;display:flex;height:48px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:48px;z-index:100}.scroll-top-btn:hover{background:var(--gradient-gold);box-shadow:var(--shadow-gold);color:#fff;transform:translateY(-3px)}@media (max-width:768px){.scroll-top-btn{bottom:20px;height:44px;right:20px;width:44px}}.about-page{background:var(--bg-primary);min-height:100vh;padding:140px 0 80px}.about-content{margin:0 auto;max-width:720px}.about-header{margin-bottom:48px;text-align:center}.about-header h1{font-size:2.5rem;margin-bottom:16px}.accent-line{background:var(--gradient-gold);border-radius:2px;height:3px;margin:0 auto;width:60px}.about-main h2{font-size:1.8rem;margin-bottom:8px}.gold-highlight{-webkit-text-fill-color:#0000;background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text}.creator-title{color:var(--text-muted);font-size:1rem;margin-bottom:24px}.creator-description{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.creator-description p{color:var(--text-secondary);line-height:1.7}.creator-description h3{color:var(--gold-dark);font-size:1.1rem;margin-bottom:12px;margin-top:8px}.tech-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0 0 24px;padding:0}.tech-list li{background:#fff;border:1px solid var(--border-glass);border-radius:10px;color:var(--text-secondary);font-size:.92rem;line-height:1.5;padding:10px 16px}.tech-list li strong{color:var(--text-primary);font-weight:600}.connect-section{background:#fff;border:1px solid var(--border-glass);border-radius:16px;box-shadow:var(--shadow-card);padding:32px}.connect-section h3{font-size:1.3rem;margin-bottom:8px}.connect-section>p{color:var(--text-muted);margin-bottom:24px}.social-links-large{display:flex;flex-wrap:wrap;gap:16px}.social-link-btn{align-items:center;background:#0000;border:1px solid var(--gold);border-radius:50px;color:var(--gold-dark);display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.social-link-btn:hover{background:var(--gradient-gold);border-color:#0000;color:#fff}.link-arrow{font-size:1.2rem;transition:transform .3s ease}.social-link-btn:hover .link-arrow{transform:translateX(4px)}@media (max-width:768px){.about-page{padding:120px 0 40px}.about-header h1{font-size:2rem}.about-header{margin-bottom:32px}.about-main h2{font-size:1.5rem}.creator-title{font-size:.9rem}.social-links-large{flex-direction:column}.social-link-btn{justify-content:center;width:100%}}@media (max-width:480px){.about-page{padding:100px 0 30px}.about-header h1{font-size:1.6rem}.about-main h2{font-size:1.2rem}.creator-title{font-size:.82rem;margin-bottom:16px}.creator-description p{font-size:.88rem}.connect-section{padding:24px 20px}.connect-section h3{font-size:1.1rem}.social-link-btn{font-size:.85rem;padding:12px 20px}}.progress-page{background:var(--bg-primary);min-height:100vh}.pp-hero{background:linear-gradient(160deg,#fffbeb,#fef3c7 30%,#fff7ed 60%,#fffbeb);overflow:hidden;padding:150px 0 80px;position:relative}.pp-hero-bg,.pp-hero-bg:after{inset:0;pointer-events:none;position:absolute}.pp-hero-bg:after{background-image:radial-gradient(circle at 25% 25%,#d4af37 1px,#0000 0),radial-gradient(circle at 75% 75%,#d4af37 1px,#0000 0),radial-gradient(circle at 50% 50%,#d4af37 1px,#0000 0);background-size:40px 40px;content:"";opacity:.03}.pp-circle{border-radius:50%;position:absolute}.c1{background:radial-gradient(circle,#d4af3712 0,#0000 70%);height:600px;right:-150px;top:-200px;width:600px}.c2{background:radial-gradient(circle,#d4af370d 0,#0000 70%);bottom:-150px;height:400px;left:-100px;width:400px}.pp-grid-pattern{background-image:linear-gradient(#d4af370f 1px,#0000 0),linear-gradient(90deg,#d4af370f 1px,#0000 0);background-size:40px 40px;inset:0;opacity:.3;position:absolute}.pp-hero-content{margin:0 auto;max-width:640px;position:relative;text-align:center;z-index:1}.pp-badge{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border:1px solid #d4af3726;border-radius:50px;box-shadow:0 2px 8px #0000000a;color:var(--gold-dark);display:inline-flex;font-size:.82rem;font-weight:600;gap:8px;margin-bottom:28px;padding:8px 20px}.pp-badge-dot{animation:ppPulse 2s ease-in-out infinite;background:var(--gold);border-radius:50%;height:6px;width:6px}@keyframes ppPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.pp-title{color:var(--text-primary);font-size:3rem;font-weight:800;letter-spacing:-1px;margin-bottom:16px}.pp-gold{-webkit-text-fill-color:#0000;background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text}.pp-sub{color:var(--text-muted);font-size:1.1rem;line-height:1.7;margin:0 auto;max-width:500px}.pp-stats-section{background:var(--bg-primary);padding:40px 0}.pp-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:-40px;position:relative;z-index:2}.pp-stat{align-items:flex-start;background:#fff;border:1px solid var(--border-glass);border-radius:20px;box-shadow:var(--shadow-sm);display:flex;gap:16px;padding:24px;transition:all .3s ease}.pp-stat:hover{border-color:var(--border-glass-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}.pp-stat-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.pp-stat-complete{background:#f0fdf4;color:#16a34a}.pp-stat-progress{background:#fffbeb;color:var(--gold-dark)}.pp-stat-remaining{background:#f8f9fc;color:var(--text-muted)}.pp-stat-body{flex:1 1;min-width:0}.pp-stat-num{color:var(--text-primary);display:block;font-size:1.8rem;font-weight:800;line-height:1;margin-bottom:2px}.pp-stat-label{color:var(--text-muted);display:block;font-size:.78rem;font-weight:500;margin-bottom:10px}.pp-stat-bar{background:var(--heatmap-empty);border-radius:2px;height:4px;overflow:hidden}.pp-stat-fill{border-radius:2px;height:100%}.pp-fill-green{background:linear-gradient(90deg,#22c55e,#4ade80)}.pp-fill-gold{background:var(--gradient-gold)}.pp-fill-gray{background:var(--text-muted)}.pp-streak-section{background:var(--bg-primary);padding:0 0 32px}.pp-streak-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:820px}.pp-streak-card{align-items:center;background:#fff;border:1px solid var(--border-glass);border-radius:18px;box-shadow:var(--shadow-sm);display:flex;gap:14px;padding:20px;transition:all .3s ease}.pp-streak-card:hover{border-color:var(--border-glass-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}.pp-streak-icon{align-items:center;border-radius:14px;display:flex;height:44px;justify-content:center;min-width:44px;width:44px}.pp-streak-icon.idle{background:#f8f9fc;color:var(--text-muted)}.pp-streak-icon.done{background:#f0fdf4;color:#16a34a}.pp-streak-icon.at-risk{animation:ppAtRisk 1.5s ease-in-out infinite;background:#fff7ed;color:#ea580c}@keyframes ppAtRisk{0%,to{opacity:1}50%{opacity:.6}}.pp-streak-icon.best{background:#fffbeb;color:var(--gold-dark)}.pp-streak-body{flex:1 1;min-width:0}.pp-streak-num{color:var(--text-primary);display:block;font-size:1.5rem;font-weight:800;line-height:1;margin-bottom:2px}.pp-streak-label{font-weight:600;letter-spacing:.3px;margin-bottom:2px;text-transform:uppercase}.pp-streak-label,.pp-streak-sub{color:var(--text-muted);display:block;font-size:.72rem}.pp-goal-section{background:var(--bg-primary);padding:0 0 40px}.pp-goal-card{background:#fff;border:1px solid var(--border-glass);border-radius:20px;box-shadow:var(--shadow-sm);margin:0 auto;max-width:820px;padding:28px 32px}.pp-goal-card:hover{box-shadow:var(--shadow-md)}.pp-goal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.pp-goal-title{font-size:1rem;font-weight:700;margin-bottom:2px}.pp-goal-desc{color:var(--text-muted);font-size:.82rem;margin:0}.pp-goal-edit{background:#fff;border:1px solid var(--border-glass);border-radius:50px;color:var(--text-muted);cursor:pointer;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;padding:6px 16px;transition:all .2s ease}.pp-goal-edit:hover{border-color:var(--gold);color:var(--gold-dark)}.pp-goal-bar-wrap{margin-bottom:20px}.pp-goal-bar-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.pp-goal-bar-text{color:var(--text-secondary);font-size:.85rem;font-weight:500}.pp-goal-bar-text strong{color:var(--text-primary);font-weight:700}.pp-goal-bar-percent{color:var(--text-muted);font-size:.78rem;font-weight:600}.pp-goal-bar-track{background:var(--heatmap-empty);border-radius:4px;height:8px;overflow:hidden}.pp-goal-bar-fill{background:var(--gradient-gold);border-radius:4px;height:100%;transition:width .8s ease}.pp-goal-met{align-items:center;background:#f0fdf4;border:1px solid #22c55e26;border-radius:50px;color:#16a34a;display:inline-flex;font-size:.78rem;font-weight:600;gap:6px;padding:6px 16px}.pp-goal-input-wrap{border-top:1px solid var(--border-glass);margin-top:4px;overflow:hidden;padding-top:16px}.pp-goal-input-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.pp-goal-input-label{color:var(--text-secondary);font-size:.88rem;font-weight:500}.pp-goal-input{border:1px solid var(--border-glass);border-radius:8px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:.95rem;font-weight:700;padding:7px 10px;text-align:center;width:64px}.pp-goal-input:focus{border-color:var(--gold);outline:none}.pp-goal-set-btn{background:var(--gradient-gold);border:none;border-radius:50px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;padding:7px 20px;transition:all .2s ease}.pp-goal-set-btn:hover{box-shadow:0 4px 12px #d4af3740}.pp-divider{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:40px}.pp-divider:after,.pp-divider:before{background:linear-gradient(90deg,#0000,var(--border-glass),#0000);content:"";flex:1 1;height:1px}.pp-divider-icon{color:var(--gold);font-size:1rem;opacity:.6}.pp-quick-links{background:var(--bg-primary);padding:0 0 32px}.pp-quick-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:820px}.pp-quick-card{align-items:center;background:#fff;border:1px solid var(--border-glass);border-radius:16px;box-shadow:0 2px 12px #00000005;display:flex;gap:14px;padding:18px 22px;text-decoration:none;transition:all .3s ease}.pp-quick-card:hover{border-color:var(--border-glass-hover);box-shadow:0 4px 20px #0000000d;transform:translateY(-2px)}.pp-quick-icon{align-items:center;background:#fffbeb;border-radius:12px;color:var(--gold-dark);display:flex;height:42px;justify-content:center;min-width:42px;width:42px}.pp-quick-body{flex:1 1}.pp-quick-title{color:var(--text-primary);display:block;font-size:.9rem;font-weight:700;margin-bottom:2px}.pp-quick-sub{color:var(--text-muted);display:block;font-size:.75rem}.pp-quick-arrow{color:var(--text-muted);font-size:1.1rem;transition:transform .3s ease}.pp-quick-card:hover .pp-quick-arrow{color:var(--gold-dark);transform:translateX(4px)}.pp-graph-section{background:var(--bg-primary);padding:0 0 40px}.pp-graph-card{background:#fff;border:1px solid var(--border-glass);border-radius:20px;box-shadow:var(--shadow-sm);margin:0 auto;max-width:820px;padding:28px 32px}.pp-graph-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.pp-graph-title{font-size:1rem;font-weight:700;margin-bottom:4px}.pp-graph-desc{color:var(--text-muted);font-size:.82rem;margin:0}.pp-header-actions{align-items:center;display:flex;gap:8px}.pp-export-group{display:flex;gap:6px}.pp-export-btn{align-items:center;background:#fff;border:1px solid var(--border-glass);border-radius:50px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;gap:5px;padding:7px 14px;transition:all .3s ease;white-space:nowrap}.pp-export-btn:hover:not(:disabled){background:#fffbeb;border-color:var(--border-glass-hover);color:var(--gold-dark)}.pp-export-btn:disabled{cursor:not-allowed;opacity:.6}.pp-export-pdf:hover:not(:disabled){background:#fef2f2;border-color:#dc262633;color:#dc2626}.pp-reset-btn{align-items:center;background:#fff;border:1px solid var(--border-glass);border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;transition:all .3s ease;width:38px}.pp-reset-btn:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.pp-graph-body{overflow-x:auto}.pp-graph-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(19,24px);justify-content:center}.pp-graph-cell{background:#f1f4f9;border:1px solid #e2e8f0;border-radius:5px;cursor:pointer;height:24px;transition:all .3s ease;width:24px}.pp-graph-cell.done{background:var(--gradient-gold);border-color:var(--gold);box-shadow:0 2px 8px #d4af3740}.pp-graph-cell:hover{box-shadow:0 4px 12px #0000001a;transform:scale(1.3);z-index:2}.pp-graph-cell.done:hover{box-shadow:0 4px 16px #d4af3759}.pp-graph-footer{align-items:center;border-top:1px solid var(--border-glass);display:flex;gap:8px;justify-content:center;margin-top:20px;padding-top:16px}.pp-graph-label{color:var(--text-muted);font-size:.72rem;font-weight:500}.pp-graph-legend{align-items:center;display:flex;gap:4px}.graph-legend-cell{border-radius:3px;height:14px;width:14px}.graph-legend-cell.empty{background:#f1f4f9;border:1px solid #e2e8f0}.graph-legend-cell.done{background:var(--gradient-gold);border:1px solid var(--gold)}.pp-motivation-section{background:var(--bg-primary);padding:0 0 60px}.pp-motivation-card{align-items:flex-start;background:#fff;border:1px solid var(--border-glass);border-radius:20px;box-shadow:var(--shadow-sm);display:flex;gap:20px;margin:0 auto;max-width:820px;padding:28px 32px}.pp-motivation-icon{align-items:center;background:var(--gradient-gold);border-radius:50%;box-shadow:0 4px 12px #d4af3740;color:#fff;display:flex;height:48px;justify-content:center;min-width:48px;width:48px}.pp-motivation-body{flex:1 1}.pp-motivation-verse{color:var(--gold-dark);font-size:1.15rem;font-style:italic;font-weight:600;line-height:1.6;margin-bottom:4px}.pp-motivation-ref{color:var(--text-muted);font-size:.82rem;margin-bottom:12px}.pp-motivation-cta{border-top:1px solid #d4af3726;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0;padding-top:12px}.pp-reset-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:3000}.pp-reset-modal{background:#fff;border-radius:24px;box-shadow:0 24px 80px #00000026;max-width:400px;padding:40px 36px 32px;text-align:center;width:100%}.pp-reset-icon{align-items:center;background:#fef2f2;border-radius:50%;color:#dc2626;display:flex;height:56px;justify-content:center;margin:0 auto 20px;width:56px}.pp-reset-modal h4{font-size:1.25rem;margin-bottom:12px}.pp-reset-modal p{color:var(--text-muted);font-size:.92rem;line-height:1.6;margin-bottom:28px}.pp-reset-actions{display:flex;gap:12px}.pp-btn-cancel,.pp-btn-destructive{border-radius:50px;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;padding:12px 20px;transition:all .3s ease}.pp-btn-cancel{background:var(--bg-secondary);border:1px solid var(--border-glass);color:var(--text-secondary)}.pp-btn-cancel:hover{background:#f1f5f9}.pp-btn-destructive{background:#dc2626;border:none;color:#fff}.pp-btn-destructive:hover{background:#b91c1c}@media (max-width:768px){.pp-graph-grid{gap:5px;grid-template-columns:repeat(12,20px)}.pp-graph-cell{height:20px;width:20px}.pp-quick-grid{grid-template-columns:1fr}}@media (max-width:640px){.pp-hero{padding:130px 0 60px}.pp-title{font-size:2.2rem}.pp-stats-grid{gap:12px;grid-template-columns:1fr;margin-top:-30px}.pp-stat{gap:12px;padding:18px}.pp-stat-icon{height:40px;width:40px}.pp-stat-icon svg{height:18px;width:18px}.pp-stat-num{font-size:1.5rem}.pp-graph-card{padding:20px}.pp-graph-grid{gap:4px;grid-template-columns:repeat(10,18px)}.pp-graph-cell{border-radius:4px;height:18px;width:18px}.pp-reset-modal{padding:32px 24px 24px}.pp-reset-modal h4{font-size:1.1rem}.pp-export-group{gap:4px}.pp-export-btn{font-size:.7rem;padding:5px 10px}.pp-motivation-card{align-items:center;flex-direction:column;padding:20px 24px;text-align:center}.pp-motivation-verse{font-size:1rem}.pp-streak-grid{gap:8px;grid-template-columns:1fr}.pp-streak-card{padding:14px}.pp-streak-num{font-size:1.3rem}.pp-goal-card{padding:20px}}@media (max-width:480px){.pp-hero{padding:110px 0 40px}.pp-title{font-size:1.7rem}.pp-sub{font-size:.95rem}.pp-badge{font-size:.75rem;margin-bottom:20px;padding:6px 14px}.pp-stats-section{padding:30px 0}.pp-stats-grid{gap:10px;margin-top:-24px}.pp-stat{gap:10px;padding:14px}.pp-stat-icon{height:36px;width:36px}.pp-stat-num{font-size:1.3rem}.pp-graph-card{border-radius:16px;padding:16px}.pp-graph-header{flex-direction:column;gap:12px;margin-bottom:20px}.pp-header-actions{justify-content:flex-end;width:100%}.pp-graph-grid{gap:3px;grid-template-columns:repeat(8,16px)}.pp-graph-cell{border-radius:3px;height:16px;width:16px}.pp-graph-title{font-size:.9rem}.pp-graph-desc{font-size:.75rem}.pp-divider{margin-bottom:28px}.pp-graph-footer{gap:6px;margin-top:16px;padding-top:14px}.pp-reset-btn{height:32px;width:32px}.pp-reset-btn svg{height:14px;width:14px}.pp-export-btn{font-size:.65rem;padding:4px 8px}.pp-motivation-card{padding:16px 20px}.pp-motivation-verse{font-size:.95rem}.pp-streak-card{gap:10px;padding:12px}.pp-goal-card{padding:16px}.pp-quick-card{padding:14px 16px}}.bookmarks-page{background:var(--bg-primary);min-height:100vh}.bm-hero{background:linear-gradient(160deg,#fffbeb,#fef3c7 30%,#fff7ed 60%,#fffbeb);overflow:hidden;padding:150px 0 50px;position:relative}.bm-hero:after{background-image:radial-gradient(circle at 25% 25%,#d4af37 1px,#0000 0),radial-gradient(circle at 75% 75%,#d4af37 1px,#0000 0),radial-gradient(circle at 50% 50%,#d4af37 1px,#0000 0);background-size:40px 40px;content:"";inset:0;opacity:.04;pointer-events:none;position:absolute}.bm-hero-content{margin:0 auto;max-width:600px;position:relative;text-align:center;z-index:1}.bm-badge{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border:1px solid #d4af3726;border-radius:50px;color:var(--gold-dark);display:inline-flex;font-size:.82rem;font-weight:600;gap:8px;margin-bottom:24px;padding:8px 20px}.bm-title{color:var(--text-primary);font-size:2.8rem;font-weight:800;letter-spacing:-1px;margin-bottom:14px}.bm-gold{-webkit-text-fill-color:#0000;background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text}.bm-sub{color:var(--text-muted);font-size:1.05rem;line-height:1.7}.bm-content{margin:0 auto;max-width:820px;padding:40px 0 100px}.bm-search{align-items:center;background:#fff;border:1px solid var(--border-glass);border-radius:50px;display:flex;gap:10px;margin-bottom:16px;padding:12px 20px;transition:border-color .3s ease}.bm-search:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}.bm-search-icon{color:var(--text-muted);flex-shrink:0}.bm-search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:Inter,sans-serif;font-size:.92rem;outline:none}.bm-search-clear,.bm-search-input::placeholder{color:var(--text-muted)}.bm-search-clear{background:none;border:none;border-radius:50%;cursor:pointer;display:flex;padding:4px}.bm-search-clear:hover{background:var(--bg-secondary);color:var(--text-primary)}.bm-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:20px}.bm-controls-count{color:var(--text-muted);font-size:.82rem;font-weight:500}.bm-controls-actions{display:flex;gap:6px}.bm-control-btn{background:#fff;border:1px solid var(--border-glass);border-radius:50px;color:var(--text-muted);cursor:pointer;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;padding:5px 14px;transition:all .2s ease}.bm-control-btn:hover{border-color:var(--gold);color:var(--gold-dark)}.bm-groups{display:flex;flex-direction:column;gap:8px}.bm-group{background:#fff;border:1px solid var(--border-glass);border-radius:16px;overflow:hidden;transition:border-color .3s ease}.bm-group:hover{border-color:#d4af3726}.bm-group-header{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:Inter,sans-serif;justify-content:space-between;padding:16px 20px;text-align:left;transition:background .2s ease;width:100%}.bm-group-header:hover{background:#fffbeb}.bm-group-info{align-items:center;display:flex;gap:12px}.bm-group-name{color:var(--gold-dark);font-size:1rem;font-weight:700}.bm-group-count{background:var(--bg-secondary);border-radius:50px;color:var(--text-muted);font-size:.72rem;font-weight:500;padding:2px 10px}.bm-group-arrow{color:var(--text-muted);flex-shrink:0}.bm-group-body{border-top:1px solid var(--border-glass);overflow:hidden}.bm-verse{border-bottom:1px solid var(--border-glass);padding:18px 20px}.bm-verse:last-child{border-bottom:none}.bm-verse-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.bm-verse-num{background:#fffbeb;border-radius:50px;color:var(--gold-dark);font-size:.75rem;font-weight:600;padding:3px 10px}.bm-remove-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;transition:all .2s ease;width:26px}.bm-remove-btn:hover{background:#fef2f2;color:#dc2626}.bm-verse-arabic{color:var(--text-primary);direction:rtl;font-family:Amiri Quran,serif;font-size:1.1rem;line-height:1.7;margin-bottom:6px;text-align:right}.bm-verse-translation{border-left:2px solid var(--gold);color:var(--text-secondary);font-size:.88rem;line-height:1.6;margin-bottom:10px;padding-left:10px}.bm-verse-actions{margin-bottom:8px}.bm-explain-btn{align-items:center;background:#0000;border:1px solid var(--gold);border-radius:50px;color:var(--gold-dark);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:.76rem;font-weight:500;gap:6px;padding:6px 16px;transition:all .3s ease}.bm-explain-btn:hover{background:var(--gold-glow)}.bm-explain-spinner{animation:bmSpin .6s linear infinite;border:2px solid var(--gold);border-radius:50%;border-top:2px solid #0000;display:inline-block;height:12px;width:12px}@keyframes bmSpin{to{transform:rotate(1turn)}}.bm-explanation{background:#fffbeb;border:1px solid #d4af3726;border-radius:12px;margin-bottom:10px;overflow:hidden;padding:14px 16px}.bm-themes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.bm-theme-tag{background:#fff;border:1px solid #d4af3726;border-radius:50px;color:var(--gold-dark);font-size:.75rem;font-weight:500;padding:3px 10px}.bm-context{background:#fff;border-left:2px solid var(--gold);border-radius:8px;color:var(--text-secondary);font-size:.85rem;line-height:1.6;margin-bottom:10px;padding:8px 12px}.bm-context strong{color:var(--gold-dark)}.bm-explain-text{color:var(--text-primary);font-size:.88rem;line-height:1.7}.bm-note-edit{display:flex;flex-direction:column;gap:8px}.bm-note-input{background:#fff;border:1px solid var(--border-glass);border-radius:10px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:.82rem;padding:10px 14px;resize:vertical;width:100%}.bm-note-input:focus{border-color:var(--gold);outline:none}.bm-note-actions{display:flex;gap:8px;justify-content:flex-end}.bm-note-save{background:var(--gradient-gold);border:none;border-radius:50px;color:#fff}.bm-note-cancel,.bm-note-save{cursor:pointer;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;padding:6px 18px}.bm-note-cancel{background:#fff;border-radius:50px;color:var(--text-muted)}.bm-note-cancel,.bm-note-display{border:1px solid var(--border-glass)}.bm-note-display{align-items:flex-start;background:var(--bg-secondary);border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.bm-note-display:hover{border-color:var(--gold)}.bm-note-icon{color:var(--gold-dark);flex-shrink:0;margin-top:1px}.bm-note-text{color:var(--text-secondary);flex:1 1;font-size:.8rem;font-style:italic;line-height:1.5;margin:0}.bm-note-add{color:var(--text-muted);font-size:.78rem;font-weight:500}.bm-note-display:hover .bm-note-add{color:var(--gold-dark)}.bm-empty{margin:60px auto;max-width:400px;text-align:center}.bm-empty-icon{align-items:center;background:#fffbeb;border:1px solid #d4af371f;border-radius:50%;color:var(--gold);display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.bm-empty h3{font-size:1.3rem;margin-bottom:10px}.bm-empty p{color:var(--text-muted);font-size:.92rem;line-height:1.6;margin-bottom:24px}.bm-empty-btn{background:var(--gradient-gold);border-radius:50px;box-shadow:0 4px 16px #d4af3733;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;padding:12px 28px;text-decoration:none;transition:all .3s ease}.bm-empty-btn:hover{box-shadow:0 6px 24px #d4af3759;transform:translateY(-2px)}@media (max-width:768px){.bm-hero{padding:130px 0 40px}.bm-title{font-size:2rem}.bm-sub{font-size:.95rem}.bm-content{padding:24px 16px 60px}.bm-group-header,.bm-verse{padding:14px 16px}.bm-controls{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.bm-hero{padding:110px 0 30px}.bm-title{font-size:1.6rem}.bm-badge{font-size:.75rem;padding:6px 14px}.bm-search{padding:10px 16px}.bm-search-input{font-size:.85rem}.bm-group-name{font-size:.9rem}.bm-verse-arabic{font-size:1rem}.bm-verse-translation{font-size:.82rem}}.auth-callback-page{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:24px}.auth-callback-card{background:#fff;border:1px solid var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);max-width:420px;padding:48px 40px;text-align:center}.auth-callback-card h2{margin:20px 0 8px}.auth-callback-card p{color:var(--text-muted);margin-bottom:20px}.auth-spinner{animation:auth-spin .8s linear infinite;border:4px solid var(--heatmap-empty);border-radius:50%;border-top-color:var(--gold);height:48px;margin:0 auto;width:48px}@keyframes auth-spin{to{transform:rotate(1turn)}}.auth-success-icon{background:var(--success)}.auth-error-icon,.auth-success-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:48px;justify-content:center;margin:0 auto;width:48px}.auth-error-icon{background:#ef4444}:root{--bg-primary:#fff;--bg-secondary:#f8f9fc;--bg-card:#fff;--bg-card-hover:#f8f9fc;--bg-glass:#ffffffb3;--bg-glass-hover:#ffffffe6;--border-glass:#0000000f;--border-glass-hover:#d4af374d;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--gold:#d4af37;--gold-light:#e8c44a;--gold-dark:#b8962e;--gold-glow:#d4af371f;--amber:#c9a84c;--success:#22c55e;--heatmap-empty:#ebedf0;--heatmap-1:#fef3c7;--heatmap-2:#fcd34d;--heatmap-3:#f59e0b;--heatmap-4:#d97706;--pot-body:#f1f5f9;--pot-rim:#d4af37;--pot-border:#d4af374d;--gradient-gold:linear-gradient(135deg,#d4af37,#e8c44a);--gradient-gold-reverse:linear-gradient(135deg,#e8c44a,#d4af37);--gradient-hero:linear-gradient(135deg,#fffbeb,#fef3c7 30%,#fffbeb);--shadow-sm:0 1px 2px #00000008,0 1px 4px #00000008;--shadow-md:0 2px 8px #0000000a,0 4px 16px #0000000a;--shadow-lg:0 4px 16px #0000000d,0 8px 32px #0000000d;--shadow-xl:0 8px 32px #0000000f,0 16px 48px #0000000f;--shadow-card:var(--shadow-sm);--shadow-card-hover:var(--shadow-md);--shadow-gold:0 4px 20px #d4af3733;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#fff;background:var(--bg-primary);color:#0f172a;color:var(--text-primary);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden}::selection{background:#d4af37;background:var(--gold);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f8f9fc;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#d4af37;background:var(--gold);border-radius:3px}.quran-text{color:#0f172a;color:var(--text-primary);direction:rtl;font-family:Amiri Quran,serif;font-size:1.5rem;line-height:2.2rem;text-align:right}.container{margin:0 auto;max-width:1200px;max-width:var(--max-width);padding:0 24px;width:100%}h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--text-primary);font-weight:700;line-height:1.2}h1{font-size:3rem}h2{font-size:2.2rem}h3{font-size:1.5rem}p{color:#475569;color:var(--text-secondary);line-height:1.7}.btn,p{font-size:1rem}.btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-weight:600;gap:8px;padding:14px 32px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#d4af37,#e8c44a);background:var(--gradient-gold);box-shadow:0 2px 8px #d4af3740;color:#fff}.btn-primary:hover{box-shadow:0 4px 20px #d4af3733;box-shadow:var(--shadow-gold);transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #d4af37;border:2px solid var(--gold);color:#b8962e;color:var(--gold-dark)}.btn-outline:hover{background:linear-gradient(135deg,#d4af37,#e8c44a);background:var(--gradient-gold);border-color:#0000;color:#fff;transform:translateY(-2px)}.section-header{margin-bottom:60px;text-align:center}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4af37,#e8c44a);background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text;margin-bottom:16px}.section-subtitle{color:#94a3b8;color:var(--text-muted);font-size:1.1rem;margin:0 auto;max-width:600px}.glass-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffb3;background:var(--bg-glass);border:1px solid #0000000f;border:1px solid var(--border-glass);border-radius:16px;border-radius:var(--radius-lg)}.glass-card:hover{background:#ffffffe6;background:var(--bg-glass-hover);border-color:#d4af374d;border-color:var(--border-glass-hover);transform:translateY(-2px)}.pattern-overlay{background-image:radial-gradient(circle at 25% 25%,#d4af37 1px,#0000 0),radial-gradient(circle at 75% 75%,#d4af37 1px,#0000 0),radial-gradient(circle at 50% 50%,#d4af37 1px,#0000 0);background-image:radial-gradient(circle at 25% 25%,var(--gold) 1px,#0000 1px),radial-gradient(circle at 75% 75%,var(--gold) 1px,#0000 1px),radial-gradient(circle at 50% 50%,var(--gold) 1px,#0000 1px);background-size:60px 60px;inset:0;opacity:.04;pointer-events:none;position:absolute}.card-depth{background:#fff;border:1px solid #0000000f;border:1px solid var(--border-glass);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000a,0 4px 16px #0000000a;box-shadow:var(--shadow-md);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-depth:before{background:linear-gradient(135deg,#d4af37,#e8c44a);background:var(--gradient-gold);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.card-depth:hover{border-color:#d4af3733;box-shadow:0 4px 16px #0000000d,0 8px 32px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card-depth:hover:before{opacity:1}section{padding:100px 0}@media (max-width:768px){h1{font-size:2.2rem}h2{font-size:1.7rem}section{padding:70px 0}.container{padding:0 16px}.section-header{margin-bottom:40px}.btn{font-size:.9rem;padding:12px 24px}}@media (max-width:480px){h1{font-size:1.7rem}h2{font-size:1.4rem}h3{font-size:1.2rem}section{padding:50px 0}.container{padding:0 12px}.section-header{margin-bottom:28px}.section-subtitle{font-size:.95rem}.btn{font-size:.85rem;padding:10px 20px}}
/*# sourceMappingURL=main.7c392941.css.map*/