:root{--primary:#028174;--primary-light:#04af9e;--primary-dark:#064663;--primary-glow:rgba(2,129,116,0.15);--bg-light:#f5f7fa;--bg-white:#ffffff;--text-dark:#1a2332;--text-soft:#4a5568;--text-light:#8492a6;--white:#ffffff;--border:rgba(0,0,0,0.07);--shadow-sm:0 4px 16px rgba(0,0,0,0.06);--shadow-md:0 12px 30px rgba(0,0,0,0.10);--shadow-lg:0 20px 50px rgba(0,0,0,0.14);--shadow-primary:0 8px 25px rgba(2,129,116,0.25);--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:30px;--transition:all 0.3s ease;--font-main:'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-arabic:'Amiri', serif}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);background:var(--bg-light);color:var(--text-dark);line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}a{text-decoration:none;transition:var(--transition)}button,input[type="submit"]{cursor:pointer;font-family:inherit}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--primary-dark);margin-bottom:1rem}h1{font-size:clamp(2.2rem, 5vw, 3rem);text-align:center;margin-bottom:20px}h2{font-size:clamp(1.8rem, 4vw, 2.2rem)}h3{font-size:clamp(1.2rem, 3vw, 1.4rem)}h4{font-size:1.1rem}p{margin-bottom:1.2rem;color:var(--text-soft)}.container{max-width:1200px;margin:0 auto;padding:80px 24px}header{background:linear-gradient(90deg,var(--primary-dark) 0%,var(--primary) 60%,var(--primary-light) 100%);padding:0 40px;height:68px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px rgb(6 70 99 / .25);position:sticky;top:0;z-index:1000}.brand{flex-shrink:0}.brand a{color:var(--white);font-size:22px;font-weight:700;letter-spacing:.3px}.brand a:hover{opacity:.9}nav#main-nav ul{list-style:none!important;display:flex;gap:36px;align-items:center;margin:0;padding:0}nav#main-nav ul li{list-style:none!important;padding:0;margin:0}nav#main-nav ul li::before,nav#main-nav ul li::marker{display:none!important;content:none!important}nav#main-nav a{color:rgb(255 255 255 / .9);font-weight:500;font-size:15px;position:relative;padding:6px 0;display:inline-block}nav#main-nav a:hover{color:var(--white)}nav#main-nav a::after{content:"";position:absolute;left:0;bottom:-2px;width:0%;height:2px;background:rgb(255 255 255 / .8);border-radius:2px;transition:var(--transition)}nav#main-nav a:hover::after{width:100%}.burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px;width:42px;height:42px;border-radius:8px;transition:var(--transition);flex-shrink:0}.burger:hover{background:rgb(255 255 255 / .1)}.burger span{display:block;width:24px;height:2px;background:var(--white);border-radius:2px;transition:var(--transition);transform-origin:center;pointer-events:none}.burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-overlay{display:none;position:fixed;inset:0;background:rgb(0 0 0 / .5);z-index:900}.nav-overlay.active{display:block}.hero{position:relative;height:auto;max-height:680px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,rgb(6 70 99 / .92) 0%,rgb(2 129 116 / .85) 100%),url(https://images.unsplash.com/photo-1564769625905-50e93615e769?w=1600&q=80) center/cover no-repeat;padding:40px 24px;overflow:hidden;text-align:center}.hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgb(255 255 255 / .04) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgb(255 255 255 / .04) 0%,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:2;max-width:80%;width:100%;margin:0 auto;padding:0 40px}.hero-badge{display:inline-block;font-family:var(--font-arabic);font-size:1.4rem;color:rgb(255 255 255 / .85);background:rgb(255 255 255 / .1);border:1px solid rgb(255 255 255 / .2);padding:8px 24px;border-radius:50px;margin-bottom:28px;letter-spacing:1px;backdrop-filter:blur(4px)}.hero h1{color:var(--white);font-size:clamp(1.8rem, 3.5vw, 2.6rem);white-space:nowrap;margin-bottom:32px;text-shadow:0 3px 12px rgb(0 0 0 / .25);line-height:1.2;letter-spacing:-.5px}.hero-seo{background:rgb(255 255 255 / .08);border-left:3px solid rgb(255 255 255 / .5);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:20px 28px;margin:0 auto 40px;max-width:600px;text-align:left;backdrop-filter:blur(4px);width:100%}.hero-seo p{color:rgb(255 255 255 / .95);font-size:1.1rem;line-height:1.9;margin-bottom:0}.hero-seo a{color:#edeeee;font-weight:600;border-bottom:1px solid rgb(255 255 255 / .3)}.hero-seo a:hover{color:#fff;border-bottom-color:#fff}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.hero-hadith{border-left:3px solid rgb(255 255 255 / .7);background:rgb(255 255 255 / .08);backdrop-filter:blur(4px);padding:15px;margin:20px auto;max-width:600px;color:#fff;text-align:left}.hero-hadith p{font-size:1rem;line-height:1.6;margin-bottom:8px;color:#fff}.hero-hadith cite{font-size:.85rem;opacity:.85;color:#fff}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:50px;font-weight:600;font-size:15px;transition:var(--transition);border:2px solid #fff0;cursor:pointer}.btn svg{width:18px;height:18px;flex-shrink:0}.btn-primary{background:var(--white);color:var(--primary);box-shadow:0 6px 20px rgb(0 0 0 / .15)}.btn-primary:hover{background:var(--primary);color:var(--white);border-color:var(--white);transform:translateY(-3px);box-shadow:0 12px 30px rgb(0 0 0 / .2)}.btn-outline{background:#fff0;border-color:rgb(255 255 255 / .7);color:var(--white)}.btn-outline:hover{background:rgb(255 255 255 / .15);border-color:var(--white);transform:translateY(-3px)}.section-blog .btn-primary,.blog-cta .btn-primary{background:var(--primary);color:var(--white);box-shadow:var(--shadow-primary)}.section-blog .btn-primary:hover,.blog-cta .btn-primary:hover{background:var(--primary-dark);border-color:#fff0;transform:translateY(-3px);box-shadow:0 14px 35px rgb(2 129 116 / .35)}.section-title{text-align:center;font-size:clamp(1.8rem, 4vw, 2.4rem);color:var(--primary-dark);position:relative;padding-bottom:18px;margin-bottom:12px}.section-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:3px}.section-subtitle{text-align:center;color:var(--text-light);font-size:1.05rem;margin-bottom:55px}.page-header{text-align:center;margin-bottom:50px}.page-title{font-size:clamp(2.2rem, 5vw, 2.8rem);color:var(--primary-dark);margin-bottom:15px}.page-description{max-width:700px;margin:0 auto;color:var(--text-soft);font-size:1.05rem}.section-explore{background:var(--bg-light)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:28px}.card{background:var(--white);border-radius:var(--radius-lg);padding:36px 28px;text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:var(--transition);display:flex;flex-direction:column;align-items:center}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:rgb(2 129 116 / .1)}.card-icon{width:68px;height:68px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;flex-shrink:0}.card-icon svg{width:32px;height:32px;stroke:var(--white)}.card-icon--coran{background:linear-gradient(135deg,#028174,#04af9e);box-shadow:0 8px 20px rgb(2 129 116 / .3)}.card-icon--hadith{background:linear-gradient(135deg,#064663,#028174);box-shadow:0 8px 20px rgb(6 70 99 / .3)}.card-icon--dua{background:linear-gradient(135deg,#0a7075,#04af9e);box-shadow:0 8px 20px rgb(10 112 117 / .3)}.card-icon--blog{background:linear-gradient(135deg,#028174,#064663);box-shadow:0 8px 20px rgb(2 129 116 / .3)}.card h3{color:var(--primary-dark);font-size:1.25rem;margin-bottom:10px}.card p{font-size:.97rem;color:var(--text-soft);line-height:1.65;margin-bottom:24px;flex-grow:1}.card-btn{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:600;font-size:.95rem;padding:10px 22px;border:2px solid var(--primary-glow);border-radius:50px;background:var(--primary-glow);transition:var(--transition);margin-top:auto}.card-btn svg{width:16px;height:16px;stroke:var(--primary);transition:var(--transition)}.card-btn:hover{background:var(--primary);border-color:var(--primary);color:var(--white);transform:translateX(3px)}.card-btn:hover svg{stroke:var(--white)}.section-blog{background:var(--white)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.blog-card{background:var(--bg-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:var(--transition);display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:rgb(2 129 116 / .12)}.blog-image{width:100%;height:210px;overflow:hidden;position:relative}.blog-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.blog-card:hover .blog-image img{transform:scale(1.06)}.blog-cat{position:absolute;top:14px;left:14px;background:var(--primary);color:var(--white);font-size:.75rem;font-weight:700;padding:5px 14px;border-radius:50px;letter-spacing:.5px;text-transform:uppercase;z-index:2;box-shadow:0 3px 10px rgb(2 129 116 / .4)}.blog-content{padding:24px;flex-grow:1;display:flex;flex-direction:column}.blog-meta{display:flex;align-items:center;gap:10px;margin-bottom:12px}.blog-date{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;color:var(--text-light)}.blog-date svg{width:13px;height:13px;stroke:var(--text-light);flex-shrink:0}.blog-title{font-size:1.15rem;font-weight:700;line-height:1.45;margin-bottom:10px;color:var(--primary-dark)}.blog-title a{color:var(--primary-dark)}.blog-title a:hover{color:var(--primary)}.blog-excerpt{font-size:.95rem;color:var(--text-soft);line-height:1.6;margin-bottom:20px;flex-grow:1}.blog-read-btn{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:var(--white);padding:10px 20px;border-radius:50px;font-size:.9rem;font-weight:600;align-self:flex-start;transition:var(--transition);box-shadow:0 4px 12px rgb(2 129 116 / .25)}.blog-read-btn svg{width:15px;height:15px;stroke:var(--white)}.blog-read-btn:hover{background:var(--primary-dark);transform:translateX(4px);box-shadow:0 6px 18px rgb(2 129 116 / .35)}.blog-cta{text-align:center;margin-top:50px}.audio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:35px;margin-top:50px}.audio-item{position:relative;height:340px;border-radius:var(--radius-lg);background-size:cover;background-position:center;display:flex;align-items:flex-end;overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition)}.audio-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.audio-item::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgb(0 0 0 / .85),rgb(0 0 0 / .2));z-index:1}.audio-content{position:relative;color:var(--white);padding:25px;width:100%;text-align:center;z-index:2}.audio-content h3{color:var(--white);font-size:1.4rem;margin-bottom:8px}.audio-content p{font-size:.95rem;margin-bottom:15px;color:rgb(255 255 255 / .9)}.audio-content audio{width:100%;margin-bottom:15px;border-radius:30px;background:rgb(255 255 255 / .1)}.audio-content .btn{background:#fff0;color:var(--white);border:2px solid rgb(255 255 255 / .7);padding:10px 24px;font-size:14px;box-shadow:none}.audio-content .btn:hover{background:var(--primary);border-color:var(--primary);transform:translateY(-2px)}.hadith-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;margin-top:50px}.hadith-card{background:var(--white);border-radius:var(--radius-md);padding:30px;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:var(--transition);display:flex;flex-direction:column}.hadith-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:rgb(2 129 116 / .1)}.hadith-arabic{font-family:var(--font-arabic);font-size:1.6rem;direction:rtl;text-align:right;color:var(--primary);line-height:1.9;margin:18px 0}.hadith-translation{font-size:1rem;color:var(--text-dark);line-height:1.7;margin-bottom:12px;flex-grow:1}.hadith-source{font-size:.88rem;color:var(--text-light);font-style:italic;border-top:1px solid #eee;padding-top:12px;margin-top:12px}.pagination{text-align:center;margin-top:50px}.pagination .nav-links{display:inline-flex;gap:10px;flex-wrap:wrap;justify-content:center}.pagination a,.pagination span{display:inline-block;padding:8px 16px;background:var(--white);border:1px solid rgb(2 129 116 / .2);border-radius:var(--radius-sm);color:var(--primary-dark);font-size:.95rem;transition:var(--transition)}.pagination a:hover,.pagination .current{background:var(--primary);color:var(--white);border-color:var(--primary)}.article{max-width:800px;margin:0 auto;background:var(--white);padding:50px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.article-title{font-size:clamp(1.8rem, 5vw, 2.5rem);color:var(--primary-dark);margin-bottom:15px}.article-meta{font-size:.95rem;color:var(--text-light);margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #eee}.article-content{font-size:1.08rem;line-height:1.85;color:var(--text-dark)}.article-content p{margin-bottom:1.5rem;color:var(--text-soft)}.article-content h2{margin-top:2.5rem;color:var(--primary);font-size:1.7rem}.article-content h3{margin-top:2rem;color:var(--primary-dark)}.article-content blockquote{margin:2rem 0;padding:1.5rem 1.5rem 1.5rem 2rem;background:var(--bg-light);border-left:4px solid var(--primary);font-style:italic;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-soft)}.related{margin-top:60px}.related h3{margin-bottom:30px}.article-illustration{margin:3rem auto;max-width:720px;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px rgb(0 0 0 / .12);transition:var(--transition)}.article-illustration:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgb(0 0 0 / .18)}.article-illustration img{width:100%;height:380px;object-fit:cover;display:block}.article-illustration figcaption{padding:14px;font-size:.9rem;color:var(--text-light);background:#fafafa;text-align:center;font-style:italic}.surah-page{max-width:1000px;margin:0 auto;padding:40px 20px}footer{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);color:var(--white);padding:64px 24px 32px;position:relative}footer::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .3),transparent)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;max-width:1200px;margin:0 auto 40px}.footer-col h4{color:var(--white);margin-bottom:20px;font-size:1.05rem;position:relative;padding-bottom:12px;font-weight:600}.footer-col h4::after{content:'';position:absolute;bottom:0;left:0;width:36px;height:2px;background:rgb(255 255 255 / .4);border-radius:2px}.footer-col p{color:rgb(255 255 255 / .75);font-size:.95rem;line-height:1.7}.footer-col ul{list-style:none}.footer-col li{margin-bottom:10px}.footer-col a{color:rgb(255 255 255 / .8);font-size:.95rem;display:inline-block}.footer-col a:hover{color:var(--white);transform:translateX(4px)}.social-links{display:flex;gap:12px;margin-top:18px}.social-links a{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:rgb(255 255 255 / .1);border:1px solid rgb(255 255 255 / .15);border-radius:50%;color:var(--white);font-size:1.1rem;transition:var(--transition)}.social-links a:hover{background:var(--white);color:var(--primary);transform:translateY(-4px);box-shadow:0 6px 15px rgb(0 0 0 / .2)}.footer-bottom{text-align:center;padding-top:32px;border-top:1px solid rgb(255 255 255 / .15);font-size:.88rem;color:rgb(255 255 255 / .7)}.footer-bottom p{color:#fff!important;margin-top:10px!important}.footer-links{margin-bottom:10px!important}.footer-links a{color:#fff!important;margin:0 6px!important}.footer-links a:hover{text-decoration:underline!important}.apropos-section{margin-top:70px;background:var(--white);padding:50px 40px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.apropos-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.apropos-text p{font-size:1.05rem;line-height:1.85;color:var(--text-soft);margin-bottom:0}.apropos-hadith{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:var(--white);padding:36px;border-radius:var(--radius-lg);box-shadow:var(--shadow-primary);text-align:center}.apropos-arabic{font-family:var(--font-arabic);font-size:1.5rem;direction:rtl;text-align:right;margin-bottom:20px;line-height:1.8;color:var(--white);opacity:.95}.apropos-hadith p{font-size:1.05rem;font-style:italic;margin-bottom:16px;line-height:1.7;color:rgb(255 255 255 / .95)}.apropos-hadith span{font-size:.9rem;color:rgb(255 255 255 / .75);font-weight:600;display:block;text-align:right}form{max-width:600px;margin:60px auto}form input,form textarea{width:100%;padding:14px 16px;margin-top:6px;margin-bottom:18px;border-radius:12px;border:1px solid #e5e7eb;font-size:15px;background:#f9fafb;transition:var(--transition)}form input:focus,form textarea:focus{background:#fff;border-color:#028174;box-shadow:0 0 0 3px rgb(2 129 116 / .1);outline:none}form label{font-weight:600;color:#064663;font-size:14px}form textarea{min-height:140px;resize:vertical}form input[type="submit"],form button{padding:12px 26px;background:#028174;color:#fff;border:none;border-radius:50px;font-weight:600;transition:var(--transition)}form input[type="submit"]:hover,form button:hover{background:#064663;transform:translateY(-2px)}.wpcf7 input[type="submit"]{width:auto}.seo-hidden-image,.seo-title,.seo-hidden{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@media (max-width:1024px){.container{padding:60px 20px}}@media (max-width:768px){header{padding:0 20px;height:62px}.burger{display:flex;z-index:1100;position:relative}nav#main-nav{position:fixed;top:0;right:-300px;width:280px;height:100vh;background:linear-gradient(180deg,var(--primary-dark) 0%,var(--primary) 100%);z-index:1000;transition:right 0.3s ease;padding:80px 30px 40px;box-shadow:-4px 0 20px rgb(0 0 0 / .3);overflow-y:auto;display:block}nav#main-nav.open{right:0}nav#main-nav ul{flex-direction:column;gap:0;align-items:flex-start}nav#main-nav ul li{width:100%;border-bottom:1px solid rgb(255 255 255 / .1)}nav#main-nav ul li:last-child{border-bottom:none}nav#main-nav a{display:block;padding:16px 0;font-size:16px;font-weight:600}nav#main-nav a::after{display:none}nav#main-nav a:hover{padding-left:8px}.hero{height:auto;min-height:100vh;padding:80px 20px 70px;max-height:none}.hero h1{font-size:1.4rem!important;white-space:nowrap!important}.hero-seo{padding:16px 20px}.hero-seo p{font-size:0.85rem!important;line-height:1.5!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.hero-buttons{flex-direction:column;align-items:center}.btn{padding:12px 28px;font-size:14px}.section-title{font-size:1.7rem}.cards-grid,.audio-grid,.hadith-grid,.blog-grid{grid-template-columns:1fr;gap:22px}.article{padding:28px 18px}.footer-grid{grid-template-columns:1fr;text-align:center;gap:30px}.footer-col h4::after{left:50%;transform:translateX(-50%)}.social-links{justify-content:center}.apropos-grid{grid-template-columns:1fr;gap:28px}.apropos-section{padding:32px 20px}}@media (max-width:480px){.container{padding:48px 16px}.hero{padding:70px 16px 60px}.hero h1{font-size:1.75rem}.hero-badge{font-size:1.1rem;padding:6px 18px}.card{padding:28px 20px}.hadith-card,.blog-content{padding:22px 18px}.audio-content .btn{padding:8px 18px;font-size:13px}.blog-image{height:180px}}html,body{width:100%;overflow-x:hidden}