:root{--gold:#b8860b;--gold-light:#d4af37;--gold-dark:#8b6914;--gold-glow:#d4af3766;--white:#fff;--white-soft:#f8f6f1;--off-white:#f0ece4;--text-primary:#8b6914;--text-secondary:#8b6914b3;--text-muted:#8b691480;--text-dim:#8b691459;--bg-primary:#fff;--bg-secondary:#faf8f3;--glass-bg:#ffffff73;--glass-bg-hover:#fff9;--glass-bg-active:#ffffffb3;--glass-border:#d4af3733;--glass-border-hover:#d4af3766;--glass-blur:18px;--glass-blur-strong:28px;--glass-shadow:0 8px 32px #8b691414;--glass-shadow-gold:0 4px 24px #d4af372e;--status-completed:#4ade80;--status-progress:#d4af37;--status-available:#8b691466;--font-ar:"Amiri", serif;--font-en:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:var(--font-en);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--z-base:1;--z-dropdown:100;--z-navbar:1000;--z-modal:2000;--z-player:900}[dir=rtl]{--font-body:var(--font-ar)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}#bg-pattern{z-index:0;pointer-events:none;background:linear-gradient(135deg,#fffdf7 0%,#fff9eb 30%,#f5efe0 60%,#faf6ed 100%);position:fixed;inset:0;overflow:hidden}#bg-pattern:before,#bg-pattern:after{content:"";opacity:.15;filter:blur(1px);background-image:url(/bg-shape.svg?v=8);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute}#bg-pattern:before{width:80vh;min-width:600px;height:80vh;min-height:600px;animation:30s ease-in-out infinite floatShape1;top:-15vh;left:-15vw}#bg-pattern:after{width:90vh;min-width:700px;height:90vh;min-height:700px;animation:35s ease-in-out infinite reverse floatShape2;bottom:-15vh;right:-15vw}@keyframes floatShape1{0%,to{transform:translate(0)scale(1)}25%{transform:translate(120px,80px)scale(1.1)}50%{transform:translate(60px,200px)scale(.95)}75%{transform:translate(-50px,100px)scale(1.05)}}@keyframes floatShape2{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-100px,-60px)scale(1.08)}50%{transform:translate(-160px,-120px)scale(.9)}75%{transform:translate(-40px,-180px)scale(1.1)}}#particles-container{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.particle{opacity:0;border-radius:50%;animation:12s ease-in-out infinite particleFloat;position:absolute}.particle--gold{filter:blur(1px);background:radial-gradient(circle,#d4af3780,#d4af370d)}.particle--warm{filter:blur(2px);background:radial-gradient(circle,#b8860b4d,#f5e6be0d)}.particle--soft{filter:blur(1px);background:radial-gradient(circle,#fff8dc99,#ffffff1a)}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh)rotate(0)scale(.5)}15%{opacity:.7}85%{opacity:.7}to{opacity:0;transform:translateY(-15vh)rotate(180deg)scale(1.2)}}.floating-blob{filter:blur(80px);opacity:.35;pointer-events:none;border-radius:50%;position:absolute}.blob-1{background:#d4af3733;width:350px;height:350px;animation:25s ease-in-out infinite blobMove1;top:10%;right:10%}.blob-2{background:#f5de9640;width:300px;height:300px;animation:20s ease-in-out infinite blobMove2;bottom:20%;left:5%}.blob-3{background:#b8860b26;width:250px;height:250px;animation:28s ease-in-out infinite blobMove3;top:50%;left:40%}@keyframes blobMove1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-80px,60px)scale(1.15)}66%{transform:translate(40px,-40px)scale(.9)}}@keyframes blobMove2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(100px,-80px)scale(.85)}66%{transform:translate(-60px,40px)scale(1.1)}}@keyframes blobMove3{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-120px,-60px)scale(1.2)}66%{transform:translate(80px,80px)scale(.8)}}.deco-dot{background:var(--gold-light);opacity:0;pointer-events:none;border-radius:50%;width:8px;height:8px;animation:6s ease-in-out infinite decoDotPulse;position:absolute}@keyframes decoDotPulse{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.4;transform:scale(1.5)}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--duration-normal) var(--ease-out)}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow), var(--glass-shadow-gold);transform:translateY(-4px)scale(1.01)}.glass-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text-primary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);cursor:pointer;font-family:var(--font-body);transition:all var(--duration-normal) var(--ease-out);font-size:.9rem;position:relative;overflow:hidden}.glass-btn:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-gold);transform:scale(1.05)}.glass-btn:active{transform:scale(.97)}.glass-btn-gold{color:var(--gold-dark);background:linear-gradient(135deg,#d4af3726,#d4af370d);border-color:#d4af3759;font-weight:600}.glass-btn-gold:hover{background:linear-gradient(135deg,#d4af374d,#d4af371f);border-color:#d4af3780;box-shadow:0 4px 30px #d4af3733}.ripple{pointer-events:none;background:#d4af3740;border-radius:50%;animation:.6s ease-out rippleAnim;position:absolute;transform:scale(0)}@keyframes rippleAnim{to{opacity:0;transform:scale(4)}}.navbar{top:var(--space-md);border-radius:var(--radius-xl);width:min(92%,1200px);z-index:var(--z-navbar);transition:all var(--duration-slow) var(--ease-out);background:#ffffff80;position:fixed;left:50%;transform:translate(-50%)}.navbar.scrolled{--glass-blur:26px;box-shadow:var(--glass-shadow), 0 2px 20px #d4af3714;background:#ffffffa6}.navbar-inner{padding:var(--space-sm) var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.navbar-logo{align-items:center;gap:var(--space-sm);color:var(--gold-dark);font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.logo-img{object-fit:cover;border:2px solid #d4af374d;border-radius:50%;width:38px;height:38px}.logo-text{font-family:var(--font-ar);color:var(--gold-dark);font-size:1.15rem}.navbar-links{gap:var(--space-xs);display:flex}.nav-link{color:var(--text-secondary);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-out);font-size:.9rem;font-weight:500;text-decoration:none;position:relative}.nav-link:hover{color:var(--gold-dark);background:#d4af3714}.nav-link.active{color:var(--gold-dark);background:#d4af371f;font-weight:600}.navbar-actions{align-items:center;gap:var(--space-sm);display:flex}.lang-btn{padding:var(--space-xs) var(--space-md);text-align:center;min-width:48px;color:var(--gold-dark);background:#d4af3714;border-color:#d4af374d;font-size:.8rem;font-weight:700}.menu-btn{justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:none}.hamburger{background:var(--gold-dark);width:20px;height:2px;transition:all var(--duration-normal) var(--ease-out);position:relative}.hamburger:before,.hamburger:after{content:"";background:var(--gold-dark);width:100%;height:2px;transition:all var(--duration-normal) var(--ease-out);position:absolute;left:0}.hamburger:before{top:-6px}.hamburger:after{top:6px}.menu-btn.open .hamburger{background:0 0}.menu-btn.open .hamburger:before{top:0;transform:rotate(45deg)}.menu-btn.open .hamburger:after{top:0;transform:rotate(-45deg)}.mobile-menu{border-radius:var(--radius-xl);width:min(90%,400px);z-index:var(--z-navbar);padding:var(--space-md);opacity:0;pointer-events:none;transition:all var(--duration-normal) var(--ease-out);background:#ffffffb3;flex-direction:column;display:none;position:fixed;top:80px;left:50%;transform:translate(-50%)translateY(-20px)}.mobile-menu.open{opacity:1;pointer-events:all;display:flex;transform:translate(-50%)translateY(0)}.mobile-link{color:var(--text-secondary);padding:var(--space-md);border-radius:var(--radius-md);text-align:center;transition:all var(--duration-normal) var(--ease-out);font-size:1rem;font-weight:500;text-decoration:none}.mobile-link:hover,.mobile-link.active{color:var(--gold-dark);background:#d4af371a}#app-content{z-index:var(--z-base);min-height:100vh;padding-top:100px;position:relative}.page{animation:pageIn var(--duration-slow) var(--ease-out)}@keyframes pageIn{0%{opacity:0;filter:blur(8px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}.hero{text-align:center;min-height:calc(100vh - 120px);padding:var(--space-xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.hero-card{max-width:680px;padding:var(--space-3xl) var(--space-2xl);border-radius:var(--radius-2xl);background:#ffffff80;position:relative}.hero-card:before{content:"";border-radius:var(--radius-2xl);-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#d4af3780,#0000 60%);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hero-bismillah{font-family:var(--font-ar);color:var(--gold-light);margin-bottom:var(--space-lg);opacity:.9;font-size:1.5rem}.hero-title{font-family:var(--font-ar);color:var(--gold-dark);margin-bottom:var(--space-lg);font-size:clamp(1.6rem,4vw,2.5rem);font-weight:700;line-height:1.7}.hero-subtitle{color:var(--text-secondary);margin-bottom:var(--space-2xl);font-size:1.1rem;line-height:1.6}.hero-name{color:var(--gold);font-size:1.15em;font-weight:700}.hero-quran-verse{font-family:var(--font-ar);color:var(--gold-dark);margin-bottom:var(--space-xl);opacity:.95;max-width:90%;margin-left:auto;margin-right:auto;font-size:1.3rem;font-weight:500;line-height:1.8}.hero-primary-action{margin-bottom:var(--space-lg);justify-content:center;display:flex}.hero-radio-btn{padding:var(--space-md) var(--space-xl);justify-content:center;gap:var(--space-md);width:100%;max-width:320px;font-size:1.15rem}.hero-radio-btn svg{width:24px;height:24px}.hero-buttons{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.home-stats{max-width:800px;margin:var(--space-xl) auto var(--space-2xl);padding:0 var(--space-xl);text-align:center}.stats-header{margin-bottom:var(--space-lg)}.stats-title{font-family:var(--font-ar);color:var(--gold-dark);margin-bottom:var(--space-xs);font-size:1.6rem;font-weight:700}.stats-subtitle{color:var(--text-secondary);font-size:.95rem}.stats-row{justify-content:space-around;align-items:center;gap:var(--space-md);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.stat-item{flex-direction:column;justify-content:center;align-items:center;min-width:150px;display:flex}.stat-number{color:var(--gold-dark);margin-bottom:var(--space-sm);background:linear-gradient(180deg, var(--gold-light) 0%, var(--gold-dark) 100%);-webkit-text-fill-color:transparent;text-shadow:0 4px 12px #d4af3726;-webkit-background-clip:text;font-size:2.5rem;font-weight:700;line-height:1}.stat-label{font-family:var(--font-ar);color:var(--gold);font-size:1.1rem;font-weight:600}.hero-btn{padding:var(--space-md) var(--space-xl);align-items:center;gap:var(--space-md);min-height:60px;font-size:1rem;font-weight:600;display:flex}.hero-btn svg{flex-shrink:0;width:24px;height:24px}.btn-text-wrapper{text-align:right;flex-direction:column;line-height:1.3;display:flex}[dir=ltr] .btn-text-wrapper{text-align:left}.btn-title{display:block}.btn-subtitle{opacity:.85;margin-top:2px;font-size:.75rem;font-weight:400}.crescent-decoration{opacity:.5;font-size:3rem;animation:6s ease-in-out infinite gentleFloat;position:absolute;top:-40px;left:50%;transform:translate(-50%)}@keyframes gentleFloat{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-10px)}}.radio-section{max-width:600px;margin:var(--space-2xl) auto 0;padding:0 var(--space-xl)}.radio-card{padding:var(--space-xl) var(--space-2xl);border-radius:var(--radius-2xl);text-align:center;background:#ffffff80;position:relative;overflow:hidden}.radio-card:before{content:"";border-radius:var(--radius-2xl);-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#d4af374d,#0000 50%);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.radio-header{margin-bottom:var(--space-lg)}.radio-title{font-family:var(--font-ar);color:var(--gold-dark);margin-bottom:var(--space-xs);font-size:1.4rem;font-weight:700}.radio-subtitle{color:var(--text-muted);font-size:.85rem}.radio-live-badge{border-radius:var(--radius-full);color:var(--gold-dark);margin-bottom:var(--space-lg);letter-spacing:.5px;background:#d4af3714;border:1px solid #d4af3733;align-items:center;gap:6px;padding:4px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.live-dot{background:#e74c3c;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.radio-station-select{width:100%;max-width:320px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:var(--text-primary);font-family:var(--font-body);cursor:pointer;appearance:none;margin-bottom:var(--space-lg);transition:all var(--duration-normal) var(--ease-out);background:#ffffff80 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238B6914' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") calc(100% - 14px) no-repeat;padding-right:36px;font-size:.85rem}[dir=rtl] .radio-station-select{padding-right:var(--space-md);background-position:14px;padding-left:36px}.radio-station-select:focus{border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-gold);outline:none}.radio-station-select option{color:var(--text-primary);background:#fff}.radio-equalizer{height:32px;margin-bottom:var(--space-md);justify-content:center;align-items:flex-end;gap:3px;display:flex}.eq-bar{background:linear-gradient(180deg, var(--gold-light), var(--gold-dark));border-radius:2px;width:4px;transition:height .15s}.eq-bar.active{animation:.8s ease-in-out infinite alternate eqBounce}.eq-bar:first-child{animation-delay:0s}.eq-bar:nth-child(2){animation-delay:.1s}.eq-bar:nth-child(3){animation-delay:.2s}.eq-bar:nth-child(4){animation-delay:50ms}.eq-bar:nth-child(5){animation-delay:.15s}.eq-bar:nth-child(6){animation-delay:.25s}.eq-bar:nth-child(7){animation-delay:80ms}.eq-bar:nth-child(8){animation-delay:.18s}.eq-bar:nth-child(9){animation-delay:.12s}@keyframes eqBounce{0%{height:4px}to{height:28px}}.radio-controls{justify-content:center;align-items:center;gap:var(--space-md);display:flex}.radio-play-btn{cursor:pointer;width:56px;height:56px;color:var(--gold-dark);transition:all var(--duration-normal) var(--ease-out);background:linear-gradient(135deg,#d4af3733,#d4af3714);border:2px solid #d4af374d;border-radius:50%;justify-content:center;align-items:center;display:flex}.radio-play-btn:hover{background:linear-gradient(135deg,#d4af3759,#d4af3726);border-color:#d4af3780;transform:scale(1.08);box-shadow:0 4px 30px #d4af3740}.radio-play-btn:active{transform:scale(.95)}.radio-station-name{color:var(--text-muted);margin-top:var(--space-md);font-size:.8rem;font-style:italic}.quran-page{padding:var(--space-xl);max-width:1300px;margin:0 auto}.page-header{text-align:center;margin-bottom:var(--space-3xl)}.page-title{font-family:var(--font-ar);color:var(--gold-dark);margin-bottom:var(--space-sm);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700}.page-subtitle{color:var(--text-muted);font-size:1rem}.quran-stats{justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.stat-item{text-align:center}.stat-number{color:var(--gold-dark);font-size:1.8rem;font-weight:700;display:block}.stat-label{color:var(--text-muted);font-size:.85rem}.surah-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.surah-card{padding:var(--space-lg) var(--space-md);text-align:center;cursor:pointer;position:relative;overflow:hidden}.surah-card:after{content:"";border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;transition:all var(--duration-normal);position:absolute;top:0;left:0;right:0}.surah-card[data-status=completed]:after{background:var(--status-completed)}.surah-card[data-status=progress]:after{background:var(--status-progress)}.surah-card[data-status=available]:after{background:0 0}.surah-number{width:36px;height:36px;color:var(--gold-dark);margin-bottom:var(--space-sm);background:#d4af371a;border:1px solid #d4af3740;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:inline-flex}.surah-name-ar{font-family:var(--font-ar);color:var(--gold-dark);margin-bottom:var(--space-xs);font-size:1.2rem;display:block}.surah-name-en{color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:.8rem;display:block}.surah-meta{color:var(--text-dim);font-size:.75rem}.surah-actions{gap:var(--space-xs);margin-top:var(--space-sm);opacity:0;transition:all var(--duration-normal) var(--ease-out);justify-content:center;display:flex;transform:translateY(5px)}.surah-card:hover .surah-actions{opacity:1;transform:translateY(0)}.surah-action-btn{color:var(--gold-dark);cursor:pointer;width:32px;height:32px;transition:all var(--duration-normal) var(--ease-out);background:#d4af371a;border:1px solid #d4af3733;border-radius:50%;justify-content:center;align-items:center;display:flex}.surah-action-btn:hover{background:#d4af3733;transform:scale(1.1)}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:var(--z-modal);padding:var(--space-lg);animation:fadeIn var(--duration-fast) var(--ease-out);background:#ffffff80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{-webkit-backdrop-filter:blur(var(--glass-blur-strong));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--glass-shadow), var(--glass-shadow-gold);width:100%;max-width:700px;max-height:85vh;padding:var(--space-2xl);animation:modalIn var(--duration-normal) var(--ease-spring);background:#ffffffd9;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.modal-close{color:var(--text-secondary);cursor:pointer;width:36px;height:36px;transition:all var(--duration-normal) var(--ease-out);background:#d4af3714;border:1px solid #d4af3733;border-radius:50%;justify-content:center;align-items:center;display:flex}.modal-close:hover{color:var(--gold-dark);background:#d4af3726}.ayah-list{list-style:none}.ayah-item{padding:var(--space-md) 0;border-bottom:1px solid #d4af3714}.ayah-text{font-family:var(--font-ar);color:var(--gold-dark);text-align:right;direction:rtl;font-size:1.4rem;line-height:2.2}.ayah-number{width:28px;height:28px;color:var(--gold);font-size:.75rem;font-family:var(--font-en);margin:0 var(--space-xs);vertical-align:middle;background:#d4af371a;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.dhikr-page{padding:var(--space-xl);max-width:900px;margin:0 auto}.dhikr-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.dhikr-card{padding:var(--space-2xl) var(--space-lg);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-2xl)}.dhikr-card:hover{transform:translateY(-6px)scale(1.02)}.dhikr-card:active{transform:scale(.98)}.dhikr-text-ar{font-family:var(--font-ar);color:var(--gold-dark);margin-bottom:var(--space-sm);font-size:1.5rem;line-height:2}.dhikr-text-en{color:var(--text-muted);margin-bottom:var(--space-xl);font-size:.85rem;font-style:italic}.dhikr-counter{color:var(--gold);text-shadow:0 0 30px #d4af3740;transition:all var(--duration-fast) var(--ease-spring);margin-bottom:var(--space-md);font-size:3rem;font-weight:700}.dhikr-counter.pulse{text-shadow:0 0 50px #d4af3780;transform:scale(1.15)}.dhikr-target{color:var(--text-dim);margin-bottom:var(--space-md);font-size:.8rem}.dhikr-progress-bar{border-radius:var(--radius-full);width:100%;height:4px;margin-bottom:var(--space-md);background:#d4af371a;overflow:hidden}.dhikr-progress-fill{background:linear-gradient(90deg, var(--gold-dark), var(--gold-light));border-radius:var(--radius-full);height:100%;transition:width var(--duration-normal) var(--ease-out)}.dhikr-reset{color:var(--text-dim);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:all var(--duration-normal);font-size:.8rem;font-family:var(--font-body);background:0 0;border:none}.dhikr-reset:hover{color:var(--text-secondary);background:#d4af370f}.total-counter{text-align:center;margin-bottom:var(--space-2xl);padding:var(--space-xl);border-radius:var(--radius-2xl)}.total-number{color:var(--gold);text-shadow:0 0 40px #d4af3733;font-size:3.5rem;font-weight:700}.total-label{color:var(--text-muted);font-size:.95rem}.dua-page{padding:var(--space-xl);max-width:800px;margin:0 auto}.dua-filters{gap:var(--space-sm);margin-bottom:var(--space-2xl);flex-wrap:wrap;justify-content:center;display:flex}.filter-btn{padding:var(--space-xs) var(--space-lg);font-size:.85rem}.filter-btn.active{color:var(--gold-dark);background:#d4af371f;border-color:#d4af3759;font-weight:600}.dua-feed{gap:var(--space-lg);flex-direction:column;display:flex}.dua-card{padding:var(--space-xl);border-radius:var(--radius-xl)}.dua-card:hover{transform:translateY(-3px)}.dua-category{padding:2px var(--space-sm);border-radius:var(--radius-full);color:var(--gold-dark);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.5px;background:#d4af371a;font-size:.75rem;font-weight:600;display:inline-block}.dua-text-ar{font-family:var(--font-ar);color:var(--gold-dark);text-align:right;margin-bottom:var(--space-md);direction:rtl;font-size:1.4rem;line-height:2.2}.dua-text-en{color:var(--text-secondary);font-size:.9rem;font-style:italic;line-height:1.7}.dua-source{margin-top:var(--space-md);color:var(--text-dim);font-size:.75rem}.donation-page{padding:var(--space-xl);flex-direction:column;justify-content:center;align-items:center;max-width:800px;min-height:calc(100vh - 200px);margin:0 auto;display:flex}.donation-hero{text-align:center;padding:var(--space-3xl) var(--space-2xl);border-radius:var(--radius-2xl);width:100%;max-width:600px}.donation-icon{margin-bottom:var(--space-lg);font-size:3rem}.donation-title{font-family:var(--font-ar);color:var(--gold-dark);margin-bottom:var(--space-md);font-size:1.8rem;font-weight:700}.donation-text{color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:1rem;line-height:1.8}.donation-verse{font-family:var(--font-ar);color:var(--gold);padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);background:#d4af370f;border:1px solid #d4af3726;font-size:1.2rem;line-height:2}.donation-verse-ref{color:var(--text-dim);margin-top:var(--space-sm);font-size:.8rem;font-family:var(--font-en);display:block}.donation-ways{gap:var(--space-md);width:100%;margin-top:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.donation-way-card{padding:var(--space-lg);text-align:center;border-radius:var(--radius-lg)}.donation-way-icon{margin-bottom:var(--space-sm);font-size:2rem}.donation-way-title{color:var(--gold-dark);margin-bottom:var(--space-xs);font-weight:600}.donation-way-text{color:var(--text-muted);font-size:.85rem}.audio-player{bottom:var(--space-lg);border-radius:var(--radius-xl);width:min(92%,500px);z-index:var(--z-player);align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);transition:all var(--duration-normal) var(--ease-out);background:#ffffffa6;display:flex;position:fixed;left:50%;transform:translate(-50%)}.audio-player.hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(100px)}.player-info{flex:1;min-width:0}.player-surah{color:var(--gold-dark);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;display:block;overflow:hidden}.player-reciter{color:var(--text-muted);font-size:.75rem;display:block}.player-controls{align-items:center;gap:var(--space-xs);display:flex}.player-btn{color:var(--text-secondary);cursor:pointer;padding:var(--space-xs);transition:all var(--duration-normal) var(--ease-out);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.player-btn:hover{color:var(--gold-dark);background:#d4af3714}.play-btn{width:42px;height:42px;color:var(--gold-dark);background:#d4af371a;border:1px solid #d4af3740}.play-btn:hover{background:#d4af3733}.player-progress{bottom:0;left:var(--space-md);right:var(--space-md);height:3px;position:absolute}.progress-bar{border-radius:var(--radius-full);cursor:pointer;background:#d4af371a;width:100%;height:100%;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--gold-dark), var(--gold-light));border-radius:var(--radius-full);width:0%;height:100%;transition:width .1s linear}.close-btn{opacity:.5}.close-btn:hover{opacity:1}.footer{z-index:var(--z-base);margin-top:var(--space-3xl);background:#ffffff80;border-bottom:none;border-left:none;border-right:none;border-radius:0;position:relative}.footer-content{text-align:center;padding:var(--space-2xl) var(--space-xl)}.footer-prayer{font-family:var(--font-ar);color:var(--gold-dark);margin-bottom:var(--space-sm);font-size:1.1rem;line-height:1.8}.footer-credit{color:var(--text-dim);font-size:.85rem}@media (width<=768px){.navbar-links{display:none}.menu-btn{display:flex}.hero-title{font-size:1.5rem}.hero-card{padding:var(--space-2xl) var(--space-lg)}.surah-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.dhikr-grid{grid-template-columns:1fr}.dhikr-counter{font-size:2.5rem}.audio-player{bottom:var(--space-sm);width:96%;padding:var(--space-xs) var(--space-md)}.modal-content{padding:var(--space-lg);margin:var(--space-sm)}}@media (width<=480px){.hero-buttons{flex-direction:column;align-items:stretch}.hero-btn{justify-content:center}.surah-grid{grid-template-columns:repeat(2,1fr)}.quran-stats{gap:var(--space-md)}.total-number{font-size:2.5rem}}.hidden{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d4af3740;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#d4af3773}.loading-spinner{padding:var(--space-3xl);justify-content:center;align-items:center;display:flex}.spinner{border:3px solid #d4af3726;border-top-color:var(--gold);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}::selection{color:var(--gold-dark);background:#d4af3740}.surah-disabled{opacity:.6;filter:grayscale(.7);pointer-events:none;position:relative;overflow:hidden}.surah-read-overlay{-webkit-backdrop-filter:blur(2px);z-index:10;background:#fff6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.surah-read-badge{background:var(--gold-dark);color:#fff;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-family:var(--font-ar);text-shadow:none;font-size:.95rem;font-weight:600;transform:rotate(-10deg);box-shadow:0 4px 12px #d4af374d}