:root{--bg: #091a18;--bg-2: #102926;--surface: #143632;--surface-soft: #1a443f;--gold: #dab75b;--gold-2: #f0db99;--text: #f4f2ea;--muted: #cad0c2;--danger: #ff8f8f;--success: #9ef0c7;--border: rgba(240, 219, 153, .28);--radius: 12px;--radius-sm: 8px;--space-1: .5rem;--space-2: .8rem;--space-3: 1rem;--space-4: 1.2rem;--space-5: 1.8rem;--space-6: 2.4rem;--shadow: 0 12px 28px rgba(0, 0, 0, .2);font-family:Noto Naskh Arabic,Trebuchet MS,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--text);background:radial-gradient(1000px 420px at 10% -10%,rgba(218,183,91,.18),transparent),radial-gradient(900px 420px at 95% 2%,rgba(218,183,91,.14),transparent),linear-gradient(160deg,#060f0e,#0a1f1c 40%,#081715)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.08;background-image:linear-gradient(45deg,transparent 48%,#dab75b 49%,transparent 51%),linear-gradient(-45deg,transparent 48%,#dab75b 49%,transparent 51%);background-size:96px 96px}a,button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}.page{min-height:100vh}.top-nav{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:1.15rem 4vw;position:sticky;top:0;z-index:50;background:linear-gradient(to bottom,#060f0ef2,#060f0ebd);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(240,219,153,.2)}.brand-wrap{display:grid;gap:.2rem}.brand{font-size:1.45rem;letter-spacing:1.6px;color:var(--gold);font-weight:800}.brand-subtitle{color:var(--gold-2);font-size:.83rem}.top-nav nav{display:flex;gap:var(--space-3)}.top-nav a{color:var(--text);text-decoration:none;font-size:.93rem}.top-nav a:hover{color:var(--gold-2)}.hero{max-width:940px;padding:4.2rem 4vw 3rem}.hero h1{font-size:clamp(2rem,5vw,3.7rem);line-height:1.12}.hero-copy{margin-top:var(--space-3);color:var(--muted);max-width:72ch;line-height:1.62}.hero-actions{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.75rem}.content{padding:0 4vw var(--space-6);display:grid;gap:1.35rem}.section-heading{margin-bottom:.72rem}.footer{color:var(--muted);font-size:.84rem;padding:2rem 4vw;border-top:1px solid rgba(240,219,153,.18);display:flex;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.footer-links{display:flex;gap:var(--space-3)}.footer-links a{color:var(--gold-2);text-decoration:none}.prayer-banner{margin:1rem 4vw .2rem;border-radius:16px;padding:1rem 1.1rem;border:1px solid rgba(240,219,153,.35);background:radial-gradient(340px 140px at 0% 0%,rgba(240,219,153,.18),transparent),radial-gradient(420px 180px at 100% 100%,rgba(54,129,109,.36),transparent),linear-gradient(150deg,#0e2825f5,#091a17f5);box-shadow:0 16px 34px #01070666;display:grid;gap:.95rem}.prayer-banner-main{display:grid;gap:.2rem}.prayer-eyebrow{display:inline-flex;width:fit-content;color:#1a160e;background:linear-gradient(120deg,#d2ab46,#f1dd9b);font-size:.75rem;font-weight:800;border-radius:999px;padding:.22rem .65rem;letter-spacing:.3px}.prayer-banner h2{color:var(--gold-2);font-size:clamp(1.2rem,2.6vw,1.9rem);line-height:1.2}.prayer-countdown{color:#fff;text-shadow:0 0 22px rgba(240,219,153,.38)}.prayer-meta{color:var(--muted);font-size:.92rem}.prayer-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem}.prayer-chip{border-radius:10px;border:1px solid rgba(240,219,153,.24);background:#071b18b8;padding:.62rem .66rem;display:grid;gap:.25rem}.prayer-chip span{color:var(--muted);font-size:.78rem}.prayer-chip strong{color:var(--gold-2);font-size:.94rem}.prayer-chip.active{border-color:#f0db9994;background:linear-gradient(135deg,#d2ab4633,#1e564c6b);box-shadow:inset 0 0 0 1px #f0db9933}.badge{display:inline-block;background:linear-gradient(120deg,#be9532,#f4df99);color:#1a160e;font-size:.78rem;font-weight:800;border-radius:999px;padding:.24rem .72rem;margin-bottom:var(--space-3)}.hero-verse{margin-top:.9rem;color:var(--gold-2);font-style:italic}.hero-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-weight:700;padding:.7rem 1.2rem}.primary{color:#17130b;background:linear-gradient(120deg,#d2ab46,#f1dd9b)}.secondary{color:var(--text);border:1px solid rgba(240,219,153,.4);background:#14363299}.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.journey-card{border-radius:var(--radius);background:linear-gradient(145deg,#143632eb,#0c221feb);border:1px solid var(--border);padding:var(--space-3);display:grid;gap:.7rem;box-shadow:var(--shadow)}.journey-card h3{color:var(--gold-2);font-size:1.14rem}.journey-card p{color:var(--muted);line-height:1.55}.journey-card button{width:fit-content;border:0;border-radius:7px;padding:.5rem .82rem;background:#f0db9924;color:var(--gold-2);cursor:pointer}.highlight-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.highlight-item{border-radius:10px;padding:.9rem;border:1px solid var(--border);background:#0a231fcc}.highlight-value{color:var(--gold-2);font-size:1.2rem;font-weight:800}.highlight-label{margin-top:.2rem;color:var(--muted);font-size:.9rem}.live-section{border-radius:var(--radius);background:linear-gradient(145deg,#143632ed,#0c221fed);border:1px solid rgba(240,219,153,.32);padding:var(--space-3);box-shadow:var(--shadow)}.live-header{margin-bottom:.9rem}.live-pill{display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:.4px;background:#c62828;color:#fff;border-radius:4px;padding:.2rem .46rem;margin-bottom:.45rem}.live-header h2{color:var(--gold-2);font-size:clamp(1.5rem,2.7vw,2rem)}.live-description{color:var(--muted);margin-top:.3rem}.live-player-wrap{width:100%;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;border:1px solid rgba(240,219,153,.33);background:#000}.live-player{width:100%;height:100%;border:0}.schedule-section{border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(145deg,#143632e6,#0b1c1ae6);padding:var(--space-3)}.schedule-section h2{color:var(--gold-2);font-size:1.3rem}.schedule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.schedule-card{border:1px solid var(--border);border-radius:10px;padding:.9rem;background:#091e1bbd}.schedule-card h3{color:var(--gold-2);margin-bottom:.5rem}.schedule-card ul{list-style:none;display:grid;gap:.35rem}.schedule-card li{color:var(--muted);line-height:1.45;padding-left:.9rem;position:relative}.schedule-card li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold-2);position:absolute;left:0;top:.55rem}.row h2,.testimonials-section h2,.faq-section h2{color:var(--gold-2);font-size:1.3rem}.row-description{color:var(--muted);margin-top:.25rem;font-size:.92rem}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.85rem}.card{position:relative;height:230px;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:linear-gradient(135deg,#173e38,#102b28)}.card-image{width:100%;height:100%;object-fit:cover;display:block}.card-fallback{display:grid;place-items:center;color:var(--text);text-align:center;padding:.8rem}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:.9rem;background:linear-gradient(to top,#030a09e6,#04100e2e)}.play-link{width:fit-content;border:0;border-radius:7px;padding:.44rem .8rem;background:linear-gradient(120deg,#d2ab46,#f1dd9b);color:#19140b;font-weight:800;font-size:.8rem;cursor:pointer}.play-link:disabled{opacity:.6;cursor:not-allowed}.testimonials-section{border-radius:var(--radius);border:1px solid var(--border);background:#0b211ee6;padding:var(--space-3)}.testimonials-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.testimonial-card{border-radius:10px;border:1px solid var(--border);padding:.9rem;background:#091c19cc}.testimonial-quote{color:var(--text);line-height:1.6}.testimonial-meta{margin-top:.65rem;color:var(--gold-2);font-size:.88rem}.faq-section{border-radius:var(--radius);border:1px solid var(--border);background:#0a1f1ce6;padding:var(--space-3)}.faq-list{display:grid;gap:var(--space-2)}.faq-item{border-radius:10px;border:1px solid var(--border);overflow:hidden}.faq-question{width:100%;border:0;background:#081614e6;color:var(--text);padding:.8rem .95rem;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer}.faq-symbol{color:var(--gold-2);font-weight:800}.faq-answer{display:none;padding:0 .95rem;background:#0d231fe6}.faq-answer.open{display:block;padding:.8rem .95rem}.faq-answer p{color:var(--muted);line-height:1.55}.subscribe-panel{border-radius:var(--radius);border:1px solid rgba(240,219,153,.34);background:linear-gradient(145deg,#143632eb,#0c221feb);padding:1.1rem;display:grid;gap:.5rem}.subscribe-panel h2{color:var(--gold-2)}.subscribe-panel p{color:var(--muted)}.subscribe-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:.35rem}.subscribe-actions input{flex:1;min-width:230px;border-radius:var(--radius-sm);border:1px solid var(--border);padding:.62rem .75rem;background:#06100ecc;color:var(--text)}.subscribe-actions button{border:0;border-radius:var(--radius-sm);padding:.62rem .95rem;background:linear-gradient(120deg,#d2ab46,#f1dd9b);color:#19140b;font-weight:800;cursor:pointer}.status{color:var(--muted);font-size:.95rem}.status.error{color:var(--danger)}.status.success{color:var(--success)}.player-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:1rem}.player-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#020807d1}.player-shell{position:relative;z-index:1;width:min(1000px,96vw)}.player-close{margin-left:auto;margin-bottom:.55rem;display:block;border:0;border-radius:7px;padding:.45rem .8rem;background:linear-gradient(120deg,#d2ab46,#f1dd9b);color:#19140b;font-weight:800;cursor:pointer}.player-frame-wrap{width:100%;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;border:1px solid rgba(240,219,153,.35);background:#000}.player-frame{width:100%;height:100%;border:0}@media (max-width: 980px){.prayer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.journey-grid,.highlight-strip,.schedule-grid,.testimonials-grid{grid-template-columns:1fr}}@media (max-width: 768px){.prayer-banner{margin-top:.8rem;padding:.9rem}.prayer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-nav{flex-direction:column;gap:.75rem}.top-nav nav{flex-wrap:wrap;gap:.65rem 1rem}.hero{padding-top:3.2rem}.cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width: 480px){.prayer-grid{grid-template-columns:1fr}.hero{padding:2.6rem 4vw 2.1rem}.hero-actions,.hero-link,.subscribe-actions input,.subscribe-actions button{width:100%}.footer{flex-direction:column}}