:root{--mocha:#a98b76;--sand:#bfa28c;--cream:#f3e4c9;--green:#6b8f5e;--ink:#1f1a16;--muted:#6d6157;--text:#000;--text-on-dark:#fff;--radius:14px;--shadow:0 8px 24px #1f1a161f;--transition:.25s ease}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--text);background-color:var(--cream);font-family:Lato,sans-serif;line-height:1.65}body:before{content:"";pointer-events:none;opacity:.13;z-index:-1;background-image:radial-gradient(circle,#422d1d29 0 2px,#0000 2px),linear-gradient(45deg,#422d1d1f 25%,#0000 25% 75%,#422d1d1f 75%),linear-gradient(-45deg,#422d1d1f 25%,#0000 25% 75%,#422d1d1f 75%);background-size:40px 40px,32px 32px,32px 32px;position:fixed;inset:0}h1,h2,h3,h4{margin:0 0 .55em;font-family:Playfair Display,serif}p{margin:0 0 1em}a{color:inherit;transition:color var(--transition), background-color var(--transition), border-color var(--transition), transform var(--transition);text-decoration:none}.container{width:min(1120px,92%);margin-inline:auto}.section{padding:4rem 0}.dark-section{color:var(--text-on-dark);position:relative}.dark-section:before{content:"";opacity:.14;pointer-events:none;background-image:radial-gradient(circle,#ffffff24 0 2px,#0000 2px),linear-gradient(45deg,#ffffff1c 25%,#0000 25% 75%,#ffffff1c 75%),linear-gradient(-45deg,#ffffff1c 25%,#0000 25% 75%,#ffffff1c 75%);background-size:40px 40px,32px 32px,32px 32px;position:absolute;inset:0}.dark-section>*{position:relative}.site-header{z-index:20;background:#fff;border-bottom:1px solid #f3e4c966;position:sticky;top:0}.site-header:before{content:"";opacity:.15;pointer-events:none;background-image:radial-gradient(circle,#ffffff2e 0 1.5px,#0000 1.5px);background-size:24px 24px;position:absolute;inset:0}.nav-wrap{justify-content:space-between;align-items:center;gap:1rem;min-height:72px;padding:.125rem 0;display:flex;position:relative}.nav-links{gap:1rem;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--text);border-radius:999px;padding:.45rem .7rem;font-weight:700}.nav-links a:hover,.nav-links a.active{color:var(--text);background:var(--cream)}.logo{color:var(--text-on-dark);flex-direction:column;gap:.2rem;line-height:1.1;display:inline-flex}.site-header .logo{color:var(--text)}.logo[aria-label]{align-items:center}.logo-image{object-fit:contain;width:clamp(200px,24vw,330px);height:auto;display:block}.site-header a.logo{flex-shrink:0;line-height:0}.site-header .logo-image{object-fit:contain;width:auto;max-width:min(380px,62vw);max-height:68px}.site-footer .logo-image{width:clamp(200px,30vw,340px)}.hero{background:var(--mocha)}.hero-inner{text-align:center;padding:4.8rem 0}.bismillah{direction:rtl;margin-bottom:.6rem;font-family:Amiri,serif;font-size:clamp(1.65rem,4vw,2.8rem)}.divider{opacity:.95;justify-content:center;align-items:center;gap:.65rem;margin:.8rem 0 1rem;display:flex}.divider:before,.divider:after{content:"";background:currentColor;width:65px;height:1px}.hero h1{font-size:clamp(2rem,6vw,3.8rem)}.hero-subtitle{max-width:720px;margin:0 auto 1.8rem;font-size:clamp(1.04rem,2vw,1.25rem)}.button-row{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.btn{border:1px solid #0000;border-radius:999px;padding:.78rem 1.25rem;font-weight:700;display:inline-block}.btn-primary{background:var(--cream);color:var(--text)}.btn-primary:hover{background:#fff;transform:translateY(-2px)}.btn-outline{border-color:var(--cream);color:var(--text-on-dark)}.btn-outline:hover{background:var(--cream);color:var(--text)}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--text);margin-bottom:.9rem;font-size:.76rem;font-weight:700}.eyebrow-offset{margin-top:1.5rem}.verse-box{border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffff73;border:1px solid #a98b7673;padding:1.6rem}.arabic{direction:rtl;font-family:Amiri,serif}.verse-arabic{color:var(--text);margin-bottom:1rem;font-size:clamp(1.5rem,5vw,2.35rem)}.verse-translation{font-style:italic}.verse-reference{color:var(--text);margin-top:.8rem;font-weight:700}.verse-box .hadith-translation{color:var(--text);font-style:italic;line-height:1.6}#home-about-box,#home-dua-box{box-sizing:border-box;width:100%;max-width:none;min-height:17.5rem;margin-inline:0}#home-about-box{text-align:center;flex-direction:column;justify-content:center;display:flex}#home-about-box h2{margin-top:0}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;display:grid}.card{border-radius:var(--radius);box-shadow:var(--shadow);padding:1.4rem;position:relative;overflow:hidden}.card:before{content:"";opacity:.14;background-image:radial-gradient(circle,#ffffff2e 0 1.6px,#0000 1.6px);background-size:23px 23px;position:absolute;inset:0}.card>*{position:relative}.card-mocha{background:var(--mocha);color:var(--text-on-dark)}.card-green{background:var(--green);color:var(--text-on-dark)}.card-icon{font-size:1.4rem}.card h3{margin:.5rem 0}.card .btn{margin-top:.8rem}.hadith-highlight{background:var(--green)}.hadith-quote{max-width:830px;margin-bottom:.85rem;font-size:clamp(1.55rem,3.8vw,2.15rem);font-style:italic}.hadith-source{font-weight:700}.about-box{border:1px solid var(--sand);border-radius:var(--radius);text-align:center;background:#ffffff8c;max-width:40rem;margin-inline:auto;padding:1.7rem}.about-page-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1.25rem;max-width:72rem;margin-inline:auto;display:grid}.about-page-grid .about-box{text-align:left;max-width:none;height:100%;box-shadow:var(--shadow);margin-inline:0}.about-page-grid .about-box h2{margin-top:0;font-size:1.35rem}.decorative-border{border-top:3px double var(--sand);border-bottom:3px double var(--sand);padding:1.2rem 0}.site-footer{background:var(--mocha);color:var(--text-on-dark);padding-top:2.2rem}.footer-grid{grid-template-columns:1.4fr 1fr;gap:1.3rem;display:grid}.footer-links a{padding:.25rem 0;display:block}.footer-links a:hover{color:var(--text-on-dark)}.footer-bottom{text-align:center;border-top:1px solid #f3e4c959;margin-top:1.7rem;padding:.95rem 0;font-size:.9rem}.page-hero{background:var(--mocha);color:var(--text-on-dark);padding:3.9rem 0}.page-hero h1{margin-bottom:.3rem}.quran-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.surah-card{text-align:left;width:100%;font:inherit;color:inherit;border:1px solid var(--sand);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);cursor:pointer;background:#ffffff9e;border-radius:12px;padding:.95rem;display:block}.surah-card:hover{border-color:var(--mocha);box-shadow:var(--shadow);transform:translateY(-3px)}.surah-card.active{border-color:var(--mocha);box-shadow:var(--shadow);background:#ffffffd9}.back-link{color:var(--text);margin-bottom:1rem;font-weight:700;display:inline-block}.back-link:hover{text-decoration:underline}.surah-page{padding-bottom:100px}.follow-dock{z-index:30;background:#fffffff5;border-top:1px solid #a98b7659;padding:.6rem .9rem .55rem;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 18px #1f1a1614}.follow-dock-actions{flex-wrap:wrap;justify-content:center;gap:.55rem;display:flex;position:relative}.follow-dock-controls{flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:.45rem;display:flex}.reciter-picker-label{color:var(--text);align-self:center;font-size:.9rem;font-weight:700}.reciter-select{border:1px solid var(--sand);color:var(--text);font:inherit;background:#fff;border-radius:999px;padding:.38rem .7rem}.follow-dock-status{text-align:center;margin:.4rem 0 0;font-size:.88rem}.surah-meta{color:var(--text);font-size:.9rem}.surah-viewer{border:1px solid var(--sand);border-radius:var(--radius);background:#ffffff9e;margin-top:2rem;padding:1.25rem}.recitation-box{background:#ffffffad;border:1px solid #a98b7659;border-radius:10px;margin:1rem 0 1.3rem;padding:1rem}.recitation-title{color:var(--text);margin-bottom:.6rem;font-weight:700}.recitation-player{width:min(560px,100%)}.recitation-hint{margin-top:.65rem}.recitation-actions{flex-wrap:wrap;gap:.6rem;margin:.75rem 0 .25rem;display:flex}.ayah{transition:background-color var(--transition), border-color var(--transition);border-bottom:1px solid #a98b7633;padding:1rem 0}.ayah:last-child{border-bottom:0}.ayah.active-ayah{background:#a98b762e;border-color:#a98b7680;border-radius:10px;padding-inline:.75rem}.ayah-ar{color:var(--text);margin-bottom:.45rem;font-size:1.52rem}.ayah-actions{margin-top:.6rem}.ayah-play{border:1px solid var(--sand);color:var(--text);cursor:pointer;transition:background-color var(--transition), color var(--transition), border-color var(--transition);background:#fff;border-radius:999px;padding:.4rem .75rem;font-weight:700}.ayah-play:hover:not(:disabled){background:var(--mocha);color:var(--text-on-dark);border-color:var(--mocha)}.ayah-play:disabled{cursor:not-allowed;opacity:.5}.follow-icon-btn{min-width:46px;color:var(--text);background:0 0;border:0;border-radius:10px;padding:.34rem .55rem;font-size:1.2rem;line-height:1}.follow-icon-btn:hover:not(:disabled){color:var(--text);background:#a98b7624}.reciter-menu{z-index:31;background:#fff;border:1px solid #a98b766b;border-radius:12px;width:min(320px,92vw);max-height:240px;padding:.35rem;position:absolute;bottom:62px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 8px 20px #1f1a1624}.reciter-menu-list{gap:.3rem;display:grid}.reciter-menu-item{text-align:left;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.5rem .6rem}.reciter-menu-item:hover,.reciter-menu-item.active{color:var(--text);background:#a98b7629}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.muted{color:var(--text)}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.entry-card{border:1px solid var(--sand);border-radius:var(--radius);background:#ffffffa1;padding:1.2rem}.entry-source{color:var(--text);margin-top:.8rem;font-weight:700}.hadith-daily-section{padding-bottom:.5rem}.dua-daily-hint{margin:-.35rem 0 1rem}.hadith-day-meta{margin:-.25rem 0 1.1rem;font-size:.95rem}.hadith-number-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin:0 0 .5rem;font-size:.82rem;font-weight:700}.hadith-translation{white-space:pre-line;margin:.75rem 0 0;line-height:1.55}.hadith-today-pick{box-shadow:0 0 0 2px var(--green);border-color:color-mix(in srgb, var(--green) 40%, var(--sand))}.section-heading-tight{margin:0 0 1rem}.dua-group{margin-bottom:1.6rem}.dua-group h2{margin-bottom:.8rem}@media (width<=940px){.quran-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cards,.collection-grid,.footer-grid,.about-page-grid{grid-template-columns:1fr}}@media (width<=700px){.nav-wrap{flex-direction:column;justify-content:center;gap:.65rem;min-height:auto;padding:.4rem 0}.site-header .logo-image{max-width:min(320px,86vw);max-height:64px}.logo-image{width:clamp(185px,55vw,300px)}.nav-links{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:center;align-items:center;gap:.3rem;width:100%;max-width:100%;display:flex;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-links li{flex:none}.nav-links a{white-space:nowrap;padding:.3rem .45rem;font-size:.9rem}.section{padding:3.3rem 0}.quran-grid{grid-template-columns:1fr}}