.ios-install-hint{position:fixed;bottom:20px;left:20px;right:20px;background:#0f1b2ef2;backdrop-filter:blur(10px);border:1px solid var(--accent-color);border-radius:15px;padding:15px;z-index:10000;box-shadow:0 10px 30px #00000080;animation:slideInBottom .5s ease-out}.ios-hint-content{display:flex;align-items:center;gap:15px;color:#fff;font-size:.9rem;line-height:1.4}.ios-hint-content i{font-size:1.5rem;color:var(--accent-color)}.close-hint{background:transparent;border:none;color:#ffffff80;padding:5px;cursor:pointer;margin-left:auto}@keyframes slideInBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #0f4c75;--secondary-color: #3282b8;--accent-color: #d4af37;--gold-color: #f4d03f;--emerald-color: #2d5a3d;--dark-emerald: #1a472a;--text-color: #2c3e50;--light-bg: #f8f9fa;--white: #ffffff;--glass-bg: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .2);--shadow: 0 8px 32px rgba(15, 76, 117, .2);--shadow-hover: 0 20px 40px rgba(15, 76, 117, .3);--gradient: linear-gradient(135deg, #0f4c75 0%, #3282b8 50%, #2d5a3d 100%);--gradient-gold: linear-gradient(135deg, #f4d03f 0%, #d4af37 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .1) 100%);--gradient-ocean: linear-gradient(135deg, #0f4c75 0%, #3282b8 100%);--handwriting-font: "Dancing Script", cursive;--arabic-font: "Amiri", serif}[data-theme=dark]{--primary-color: #2c3e50;--secondary-color: #34495e;--accent-color: #f39c12;--text-color: #ecf0f1;--light-bg: #2c3e50;--glass-bg: rgba(0, 0, 0, .3);--glass-border: rgba(255, 255, 255, .1);--gradient: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);--gradient-gold: linear-gradient(135deg, #f39c12 0%, #e67e22 100%)}[data-theme=ramadan]{--primary-color: #1b5e20;--secondary-color: #2e7d32;--accent-color: #ffd700;--text-color: #1b5e20;--gradient: linear-gradient(135deg, #1b5e20 0%, #2e7d32 100%);--gradient-gold: linear-gradient(135deg, #ffd700 0%, #ffeb3b 100%)}[data-theme=ocean]{--primary-color: #1565c0;--secondary-color: #1976d2;--accent-color: #00bcd4;--text-color: #0d47a1;--gradient: linear-gradient(135deg, #1565c0 0%, #1976d2 100%);--gradient-gold: linear-gradient(135deg, #00bcd4 0%, #26c6da 100%)}[data-theme=sunset]{--primary-color: #d84315;--secondary-color: #ff5722;--accent-color: #ff9800;--text-color: #bf360c;--gradient: linear-gradient(135deg, #d84315 0%, #ff5722 100%);--gradient-gold: linear-gradient(135deg, #ff9800 0%, #ffc107 100%)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#0f4c75,#3282b8,#bbe1fa,#2d5a3d,#1a472a);background-size:400% 400%;animation:gradientShift 20s ease infinite;min-height:100vh;color:var(--text-color);line-height:1.6;position:relative;overflow-x:hidden}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 160px 30px,rgba(255,255,255,.2),transparent);background-repeat:repeat;background-size:200px 200px;animation:float 20s linear infinite;pointer-events:none;z-index:1}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(26,71,42,.4) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(50,130,184,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(187,225,250,.2) 0%,transparent 50%),radial-gradient(circle at 60% 60%,rgba(212,175,55,.1) 0%,transparent 50%);pointer-events:none;z-index:-1}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%{transform:translateY(0) rotate(0)}33%{transform:translateY(-30px) rotate(120deg)}66%{transform:translateY(15px) rotate(240deg)}to{transform:translateY(0) rotate(360deg)}}.container{max-width:1200px;margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:35px;background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:25px;padding:35px 25px;box-shadow:var(--shadow);position:relative;overflow:hidden}.header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(212,175,55,.3) 0%,transparent 50%),radial-gradient(circle,rgba(15,76,117,.2) 0%,transparent 70%),radial-gradient(circle,rgba(50,130,184,.1) 0%,transparent 80%);animation:rotate 25s linear infinite}.header:after{content:"";position:absolute;inset:0;background:var(--gradient-glass);border-radius:30px;pointer-events:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-content{position:relative;z-index:2}.main-title{font-size:2.8rem;color:var(--white);margin-bottom:12px;text-shadow:2px 2px 8px rgba(0,0,0,.3);animation:fadeInDown 1s ease-out;font-weight:700;letter-spacing:1px;display:inline-flex;align-items:center;justify-content:center;gap:15px}.main-title i{color:var(--accent-color);filter:drop-shadow(0 0 15px rgba(212,175,55,.6));animation:pulse 2s ease-in-out infinite;font-size:2.5rem}.subtitle{font-size:1.1rem;color:#fffffff2;font-style:italic;animation:fadeInUp 1s ease-out .3s both;font-weight:300;letter-spacing:.5px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.city-selector{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:30px;margin-bottom:40px;box-shadow:var(--shadow);text-align:center;position:relative;overflow:hidden}.city-selector:before{content:"";position:absolute;inset:0;background:var(--gradient-glass);border-radius:25px;pointer-events:none}.city-input-container{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:25px;flex-wrap:wrap;position:relative;z-index:2}.city-input-container i{color:var(--accent-color);font-size:1.4rem;filter:drop-shadow(0 0 8px rgba(212,175,55,.4))}#cityInput{padding:15px 20px;border:2px solid var(--glass-border);border-radius:25px;font-size:1.1rem;width:300px;max-width:100%;transition:all .4s ease;outline:none;background:#ffffff1a;backdrop-filter:blur(10px);color:var(--text-color);font-weight:500}#cityInput:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px #d4af374d;background:#fff3;transform:translateY(-2px)}#cityInput::placeholder{color:#2c3e5099;font-weight:400}.search-btn{background:var(--gradient-gold);color:var(--white);border:none;padding:15px 25px;border-radius:25px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .4s ease;box-shadow:0 6px 20px #d4af3780;position:relative;overflow:hidden}.search-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.search-btn:hover:before{left:100%}.search-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #d4af37b3}.location-btn{background:var(--gradient-ocean);color:var(--white);border:none;padding:15px 18px;border-radius:25px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .4s ease;box-shadow:0 6px 20px #0f4c7566;position:relative;overflow:hidden}.location-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.location-btn:hover:before{left:100%}.location-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px #0f4c7599,0 0 20px #d4af374d}.location-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.current-city{font-size:1.2rem;color:var(--primary-color);font-weight:600;display:none}.current-city.show{display:block;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hijri-date{font-size:1.1rem;color:var(--secondary-color);font-weight:500;margin-top:5px;font-family:Amiri,serif;animation:fadeIn .6s ease-out}.hijri-date i{color:var(--accent-color);margin-right:5px;font-size:.9em}.countdown-section{margin-bottom:40px;animation:slideInDown .8s ease-out}.countdown-container{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:25px;padding:30px;box-shadow:var(--shadow);text-align:center;position:relative;overflow:hidden}.countdown-container:before{content:"";position:absolute;inset:0;background:var(--gradient-glass);border-radius:30px;pointer-events:none}.countdown-header{margin-bottom:30px;position:relative;z-index:2}.countdown-title{font-size:1.6rem;color:var(--white);margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.countdown-title i{color:var(--accent-color);filter:drop-shadow(0 0 10px rgba(212,175,55,.6));animation:pulse 2s ease-in-out infinite}.next-prayer-name{font-size:1.2rem;color:var(--accent-color);font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.countdown-display{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:20px;position:relative;z-index:2}.time-unit{display:flex;flex-direction:column;align-items:center;background:var(--gradient-dark);border-radius:15px;padding:20px 15px;min-width:90px;box-shadow:0 8px 25px #0003;border:2px solid var(--glass-border);position:relative;overflow:hidden}.time-unit:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-gold);border-radius:20px 20px 0 0}.time-number{font-size:2.2rem;font-weight:800;color:var(--white);text-shadow:0 0 20px rgba(212,175,55,.5);margin-bottom:6px;line-height:1}.time-label{font-size:.9rem;color:var(--accent-color);font-weight:600;text-transform:uppercase;letter-spacing:1px}.time-separator{font-size:1.8rem;color:var(--accent-color);font-weight:800;text-shadow:0 0 15px rgba(212,175,55,.6);animation:blink 1s ease-in-out infinite}.countdown-message{font-size:1.1rem;color:#ffffffe6;font-style:italic;position:relative;z-index:2}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.prayer-times{margin-bottom:40px}.prayer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:35px}.prayer-card{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:25px 20px;text-align:center;box-shadow:var(--shadow);transition:all .4s ease;position:relative;overflow:hidden;cursor:pointer}.prayer-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--gradient-gold);border-radius:25px 25px 0 0}.prayer-card:after{content:"";position:absolute;inset:0;background:var(--gradient-glass);border-radius:25px;pointer-events:none;opacity:0;transition:opacity .3s ease}.prayer-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 35px #0003}.prayer-card:hover:after{opacity:1}.prayer-card.active{background:var(--gradient);color:var(--white);transform:scale(1.08);box-shadow:0 15px 40px #1a472a66;animation:breathingCard 3s infinite ease-in-out}@keyframes breathingCard{0%{box-shadow:0 15px 40px #1a472a66}50%{box-shadow:0 15px 60px #d4af3799}to{box-shadow:0 15px 40px #1a472a66}}.prayer-card.active:before{background:var(--gradient-gold);height:6px}.prayer-icon{font-size:2.2rem;margin-bottom:15px;color:var(--accent-color);filter:drop-shadow(0 0 12px rgba(212,175,55,.4));transition:all .3s ease;position:relative;z-index:2}.prayer-card:hover .prayer-icon{transform:scale(1.1);filter:drop-shadow(0 0 20px rgba(212,175,55,.6))}.prayer-card h3{font-size:1.3rem;margin-bottom:12px;color:var(--primary-color);font-weight:700;position:relative;z-index:2}.prayer-card.active h3{color:var(--white);text-shadow:0 2px 4px rgba(0,0,0,.3)}.prayer-time{font-size:1.8rem;font-weight:800;color:var(--text-color);margin-bottom:12px;position:relative;z-index:2;text-shadow:0 2px 4px rgba(0,0,0,.1)}.prayer-card.active .prayer-time{color:var(--white);text-shadow:0 2px 8px rgba(0,0,0,.3)}.prayer-arabic{font-family:var(--arabic-font);font-size:1.1rem;color:var(--secondary-color);direction:rtl;font-weight:600;position:relative;z-index:2}.prayer-card.active .prayer-arabic{color:#fffffff2;text-shadow:0 2px 4px rgba(0,0,0,.3)}.prayer-label{font-size:.9rem;color:var(--text-color);margin-top:3px;font-weight:500;opacity:.8}.daily-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:25px;margin-bottom:40px}.content-card{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow);overflow:hidden;transition:all .4s ease;position:relative}.content-card:before{content:"";position:absolute;inset:0;background:var(--gradient-glass);border-radius:25px;pointer-events:none;opacity:0;transition:opacity .3s ease}.content-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:var(--shadow-hover)}.content-card:hover:before{opacity:1}.card-header{background:var(--gradient);padding:25px;text-align:center;position:relative;overflow:hidden}.card-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(212,175,55,.2) 0%,transparent 60%),radial-gradient(circle,rgba(15,76,117,.1) 0%,transparent 70%);animation:rotate 18s linear infinite}.card-title{color:var(--white);font-size:1.4rem;margin:0;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:700;position:relative;z-index:2;text-shadow:0 2px 4px rgba(0,0,0,.3)}.card-title i{color:var(--accent-color);filter:drop-shadow(0 0 10px rgba(212,175,55,.6));animation:pulse 2s ease-in-out infinite}.card-content{padding:25px;position:relative;z-index:2}.hadith-text{font-family:Amiri,serif;font-size:1.2rem;line-height:2;color:var(--text-color);margin-bottom:20px;font-style:italic;text-align:center;position:relative;font-weight:500;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.1);background:#ffffff1a;padding:20px 18px;border-radius:12px;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}.hadith-text:before,.hadith-text:after{content:'"';font-size:2rem;color:var(--accent-color);position:absolute;top:-3px;font-weight:700;text-shadow:0 2px 4px rgba(212,175,55,.3)}.hadith-text:before{left:10px}.hadith-text:after{right:10px}.hadith-source{display:block;text-align:center;color:var(--primary-color);font-weight:700;font-size:1.1rem;margin-top:12px;padding:8px 16px;background:#0f4c751a;border-radius:15px;border:1px solid rgba(15,76,117,.2);text-shadow:0 1px 2px rgba(0,0,0,.1)}.verse-text{font-family:Amiri,serif;font-size:1.2rem;line-height:2;color:var(--text-color);margin-bottom:20px;text-align:center;position:relative;font-weight:500;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.1);background:#ffffff1a;padding:20px 18px;border-radius:12px;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}.verse-text:before{content:"۞";display:block;font-size:1.6rem;color:var(--accent-color);margin-bottom:12px;text-shadow:0 2px 4px rgba(212,175,55,.3)}.verse-reference{display:block;text-align:center;color:var(--primary-color);font-weight:700;font-size:1.1rem;font-style:italic;margin-top:12px;padding:8px 16px;background:#0f4c751a;border-radius:15px;border:1px solid rgba(15,76,117,.2);text-shadow:0 1px 2px rgba(0,0,0,.1)}.notifications-section{margin-bottom:40px;animation:slideInUp .8s ease-out}.notifications-container{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:25px;padding:35px;box-shadow:var(--shadow);text-align:center;position:relative;overflow:hidden}.notifications-container:before{content:"";position:absolute;inset:0;background:var(--gradient-glass);border-radius:25px;pointer-events:none}.notifications-header{margin-bottom:30px;position:relative;z-index:2}.notifications-title{font-size:1.8rem;color:var(--white);margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.notifications-title i{color:var(--accent-color);filter:drop-shadow(0 0 10px rgba(212,175,55,.6));animation:pulse 2s ease-in-out infinite}.notifications-subtitle{font-size:1.1rem;color:#ffffffe6;font-style:italic;margin:0}.notifications-content{position:relative;z-index:2}.notification-settings{background:#ffffff1a;border-radius:15px;padding:25px;margin-bottom:25px;text-align:left}.setting-item{margin-bottom:15px}.setting-item.full-width{width:100%;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.prayers-settings-row{display:flex;flex-wrap:wrap;gap:15px 25px;align-items:center;margin-bottom:15px}.prayers-settings-row .setting-item{margin-bottom:0}.setting-notice{color:#fff9;font-size:.9rem;font-style:italic;margin-top:10px;text-align:left}.setting-label{display:flex;align-items:center;cursor:pointer;color:var(--white);font-size:1rem;font-weight:500;transition:all .3s ease}.setting-label:hover{color:var(--accent-color)}.setting-checkbox{display:none}.checkmark{width:20px;height:20px;border:2px solid var(--glass-border);border-radius:4px;margin-right:12px;position:relative;transition:all .3s ease;flex-shrink:0}.setting-checkbox:checked+.checkmark{background:var(--gradient-gold);border-color:var(--accent-color)}.setting-checkbox:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--white);font-weight:700;font-size:12px}.notification-status{background:#0f4c7533;border-radius:15px;padding:15px;margin-bottom:20px;border:1px solid rgba(15,76,117,.3)}.notification-status p{color:#ffffffe6;margin:0;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:8px}.notification-status i{color:var(--secondary-color)}.notification-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.notification-btn{background:var(--gradient-dark);color:var(--white);border:2px solid var(--glass-border);border-radius:20px;padding:12px 20px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px;position:relative;overflow:hidden}.notification-btn:hover{background:var(--gradient-gold);transform:translateY(-2px);box-shadow:0 8px 20px #d4af3766}.notification-btn.secondary{background:var(--gradient-ocean)}.notification-btn.secondary:hover{background:linear-gradient(135deg,#0070ba,#003087);border-color:#0070ba}.donation-section{margin-bottom:40px;animation:slideInUp .8s ease-out}.donation-container{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:25px;padding:35px;box-shadow:var(--shadow);text-align:center;position:relative;overflow:hidden}.donation-container:before{content:"";position:absolute;inset:0;background:var(--gradient-glass);border-radius:25px;pointer-events:none}.donation-header{margin-bottom:30px;position:relative;z-index:2}.donation-title{font-size:1.8rem;color:var(--white);margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.donation-title i{color:var(--accent-color);filter:drop-shadow(0 0 10px rgba(212,175,55,.6));animation:pulse 2s ease-in-out infinite}.donation-subtitle{font-size:1.1rem;color:#ffffffe6;font-style:italic;margin:0}.donation-content{position:relative;z-index:2}.donation-message{background:#ffffff1a;border-radius:15px;padding:20px;margin-bottom:25px;text-align:left}.donation-message p{color:var(--white);margin-bottom:15px;font-size:1rem}.donation-message ul{list-style:none;padding:0;margin:0}.donation-message li{color:var(--white);margin-bottom:8px;display:flex;align-items:center;gap:10px;font-size:.95rem}.donation-message li i{color:var(--emerald-color);font-size:.9rem}.donation-amounts{margin-bottom:25px}.donation-amounts h3{color:var(--white);font-size:1.2rem;margin-bottom:15px;font-weight:600}.amount-buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:15px}.amount-btn{background:var(--gradient-dark);color:var(--white);border:2px solid var(--glass-border);border-radius:20px;padding:12px 20px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.amount-btn:hover{background:var(--gradient-gold);transform:translateY(-2px);box-shadow:0 8px 20px #d4af3766}.amount-btn.selected{background:var(--gradient-gold);border-color:var(--accent-color);box-shadow:0 0 15px #d4af3780}.custom-amount-input{margin-top:15px}.custom-amount-input input{background:#ffffff1a;border:2px solid var(--glass-border);border-radius:20px;padding:12px 20px;color:var(--white);font-size:1rem;width:200px;text-align:center;outline:none;transition:all .3s ease}.custom-amount-input input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #d4af374d}.payment-methods{margin-bottom:20px}.payment-methods h3{color:var(--white);font-size:1.2rem;margin-bottom:15px;font-weight:600}.payment-buttons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.payment-btn{background:var(--gradient-dark);color:var(--white);border:2px solid var(--glass-border);border-radius:20px;padding:15px 25px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:10px;position:relative;overflow:hidden}.payment-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000004d}.paypal-btn:hover{background:linear-gradient(135deg,#0070ba,#003087);border-color:#0070ba}.stripe-btn:hover{background:linear-gradient(135deg,#635bff,#4f46e5);border-color:#635bff}.donation-note{background:#0f4c7533;border-radius:15px;padding:15px;border:1px solid rgba(15,76,117,.3)}.donation-note p{color:#ffffffe6;margin:0;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:8px}.donation-note i{color:var(--secondary-color)}.footer{text-align:center;padding:25px 30px;background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);color:var(--white);border-radius:20px;margin-top:40px;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;inset:0;background:var(--gradient-glass);border-radius:20px;pointer-events:none}.footer-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:15px}.footer p{font-size:1rem;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.3);margin:0}.footer-actions{display:flex;justify-content:center}.footer-about-btn{background:#ffffff26;border-color:#ffffff4d;padding:8px 20px;font-size:.95rem;box-shadow:0 4px 15px #0000001a}.footer-about-btn:hover{background:#ffffff40;box-shadow:0 6px 20px #0003}.theme-selector{display:flex;gap:10px;margin-top:20px;justify-content:center;flex-wrap:wrap}.theme-btn{width:45px;height:45px;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;background:var(--glass-bg);backdrop-filter:blur(10px);border:2px solid var(--glass-border);box-shadow:var(--shadow);position:relative;overflow:hidden}.theme-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.theme-btn:hover:before{left:100%}.theme-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-hover);border-color:var(--accent-color)}.theme-btn.active{background:var(--gradient);border-color:var(--accent-color);box-shadow:0 0 20px #d4af3780;transform:scale(1.1)}.language-selector{display:flex;gap:8px;margin-top:15px;justify-content:center;flex-wrap:wrap}.lang-btn{width:40px;height:40px;border:none;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .3s ease;background:var(--glass-bg);backdrop-filter:blur(10px);border:2px solid var(--glass-border);box-shadow:var(--shadow);position:relative;overflow:hidden}.lang-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.lang-btn:hover:before{left:100%}.lang-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-hover);border-color:var(--accent-color)}.lang-btn.active{background:var(--gradient);border-color:var(--accent-color);box-shadow:0 0 15px #d4af3766;transform:scale(1.1)}.header-actions{display:flex;align-items:center;gap:10px;margin-top:15px;justify-content:center}.about-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:0 15px;height:40px;border-radius:20px;cursor:pointer;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .3s ease;backdrop-filter:blur(5px)}.about-btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.about-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f4c7566;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .3s ease}.about-modal.show{opacity:1;pointer-events:auto}.about-modal-content{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:25px;width:100%;max-width:500px;padding:30px;box-shadow:0 20px 50px #0000004d;position:relative;transform:translateY(20px) scale(.95);transition:all .4s cubic-bezier(.175,.885,.32,1.275);color:#fff}.about-modal.show .about-modal-content{transform:translateY(0) scale(1)}.close-about-btn{position:absolute;top:20px;right:20px;background:#ffffff1a;border:none;color:#fff;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.close-about-btn:hover{background:#ef4444cc;transform:rotate(90deg)}.about-header{text-align:center;margin-bottom:25px;position:relative}.about-icon{font-size:3rem;color:var(--accent-color);margin-bottom:15px;display:block}.about-header h2{font-size:1.8rem;font-weight:700;margin:0;font-family:Amiri,serif}.version-badge{background:#d4af3733;color:var(--accent-color);padding:2px 8px;border-radius:10px;font-size:.8rem;font-weight:700;vertical-align:super}.about-desc{text-align:center;font-size:1.05rem;line-height:1.5;color:#ffffffe6;margin-bottom:25px}.about-features{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.feature-item{display:flex;align-items:flex-start;gap:15px;background:#00000026;padding:15px;border-radius:15px;border:1px solid rgba(255,255,255,.05)}.feature-item i{font-size:1.5rem;color:var(--accent-color);margin-top:3px}.feature-item h4{margin:0 0 5px;font-size:1.1rem;color:#fff}.feature-item p{margin:0;font-size:.9rem;color:#ffffffb3;line-height:1.4}.about-actions{display:flex;gap:15px}.support-action-btn,.github-action-btn{flex:1;padding:12px;border-radius:12px;border:none;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;text-decoration:none}.support-action-btn{background:var(--accent-color);color:var(--primary-color)}.support-action-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #d4af3766}.github-action-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.github-action-btn:hover{background:#fff3;transform:translateY(-2px)}[dir=rtl] .close-about-btn{right:auto;left:20px}[dir=rtl] .feature-item{text-align:right}.lazy-load{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.lazy-load.loaded{opacity:1;transform:translateY(0)}.preload{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;opacity:0}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px){.container{padding:15px}.main-title{font-size:2.2rem}.prayer-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.prayer-card{padding:20px 15px}.prayer-time{font-size:1.5rem}.daily-content{grid-template-columns:1fr;gap:20px}.hadith-text,.verse-text{font-size:1.3rem;line-height:2;padding:20px 15px}.hadith-source,.verse-reference{font-size:1.1rem;padding:8px 15px}#cityInput{width:250px}}@media (max-width: 480px){.main-title{font-size:1.8rem}.prayer-grid{grid-template-columns:1fr}.hadith-text,.verse-text{font-size:1.2rem;line-height:1.9;padding:18px 12px}.hadith-source,.verse-reference{font-size:1rem;padding:6px 12px}.card-content{padding:20px}.countdown-display{flex-direction:column;gap:15px}.time-unit{min-width:80px;padding:15px 12px}.time-number{font-size:1.8rem}.time-separator{font-size:1.5rem}.donation-container{padding:25px 20px}.donation-title{font-size:1.5rem;flex-direction:column;gap:8px}.amount-buttons{flex-direction:column;align-items:center}.amount-btn{width:120px}.payment-buttons{flex-direction:column;align-items:center}.payment-btn{width:200px;justify-content:center}.custom-amount-input input{width:150px}.notifications-container{padding:25px 20px}.notifications-title{font-size:1.5rem;flex-direction:column;gap:8px}.notification-settings{padding:20px}.notification-actions{flex-direction:column;align-items:center;gap:15px}.notification-btn{width:220px;justify-content:center}}.prayer-card{animation:slideInUp .8s ease-out}.prayer-card:nth-child(1){animation-delay:.1s}.prayer-card:nth-child(2){animation-delay:.2s}.prayer-card:nth-child(3){animation-delay:.3s}.prayer-card:nth-child(4){animation-delay:.4s}.prayer-card:nth-child(5){animation-delay:.5s}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,rgba(212,175,55,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(50,130,184,.2),transparent),radial-gradient(1px 1px at 90px 40px,rgba(15,76,117,.3),transparent),radial-gradient(1px 1px at 130px 80px,rgba(45,90,61,.2),transparent);background-repeat:repeat;background-size:200px 200px;animation:float 20s linear infinite;pointer-events:none;z-index:-1}@keyframes float{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-100px) rotate(360deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--white);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.qibla-section{margin-bottom:40px}.qibla-body{padding:40px 20px!important}.qibla-container{display:flex;flex-direction:column;align-items:center;gap:30px}.compass-wrapper{position:relative;width:280px;height:280px;margin:0 auto;background:#ffffff0d;border-radius:50%;padding:10px;border:2px solid var(--glass-border);box-shadow:inset 0 0 20px #0003}.compass-outer{position:relative;width:100%;height:100%;border-radius:50%}.cardinals{position:absolute;width:100%;height:100%;font-weight:800;color:var(--accent-color);font-size:1.2rem}.cardinals span{position:absolute;transform:translate(-50%,-50%)}.north{top:15px;left:50%;color:#ff4757!important}.east{top:50%;right:15px;transform:translate(50%,-50%)!important}.south{bottom:15px;left:50%}.west{top:50%;left:15px;transform:translate(-50%,-50%)!important}.needle-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.needle{position:relative;width:100%;height:100%}.needle-arrow{position:absolute;top:20%;left:50%;width:4px;height:30%;background:var(--gradient-gold);transform:translate(-50%);border-radius:2px;box-shadow:0 0 15px var(--accent-color)}.needle-arrow:after{content:\"\";position:absolute;top:-10px;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid var(--accent-color)}.needle i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;color:var(--accent-color);filter:drop-shadow(0 0 10px rgba(212,175,55,.5))}.qibla-info{text-align:center;color:#fff}.angle-display{font-size:1.2rem;margin-bottom:20px;background:#ffffff1a;padding:10px 20px;border-radius:15px;border:1px solid var(--glass-border)}.angle-display strong{color:var(--accent-color);font-size:1.5rem}.qibla-btn{background:var(--gradient-gold);color:var(--white);border:none;padding:12px 25px;border-radius:25px;cursor:pointer;font-weight:600;margin-bottom:15px;transition:all .3s ease;box-shadow:0 4px 15px #d4af374d}.qibla-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3780}.qibla-hint{font-size:.85rem;opacity:.7;font-style:italic}[data-theme='"dark"'] .compass-wrapper{background:#0003}.mosque-section{margin-bottom:40px}.mosque-card{background:var(--glass-bg)}.mosque-header{background:var(--gradient-ocean)!important}.mosque-body{padding:30px;text-align:center}.mosque-description{color:#fff;margin-bottom:25px;font-size:1.1rem;opacity:.9}.mosque-btn{background:var(--gradient-gold);color:var(--white);border:none;padding:15px 35px;border-radius:30px;font-size:1.15rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 25px #d4af3766;display:inline-flex;align-items:center;gap:15px}.mosque-btn i{font-size:1.3rem;transition:transform .3s ease}.mosque-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 35px #d4af3799}.mosque-btn:hover i{transform:rotate(15deg)}.mosque-btn:active{transform:translateY(-2px)}.muadhan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px}.muadhan-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:15px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-align:left}.muadhan-card:hover{background:#ffffff1a;border-color:var(--accent-color);transform:translateY(-2px)}.muadhan-card.active{background:#d4af371a;border-color:var(--accent-color);box-shadow:0 0 15px #d4af3733}.muadhan-card.active:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:5px;right:8px;color:var(--accent-color);font-size:.8rem}.muadhan-info{flex:1}.muadhan-name{display:block;font-weight:500;color:#fff;font-size:.95rem}.muadhan-play-btn{background:var(--accent-color);color:var(--primary-color);border:none;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin-left:10px}.muadhan-play-btn:hover{transform:scale(1.1);box-shadow:0 0 10px var(--accent-color)}.muadhan-card.playing .muadhan-play-btn{background:#ef4444!important;color:#fff!important}@media (max-width: 480px){.muadhan-grid{grid-template-columns:1fr}}