:root{--bg:#080807;--surface:#14120f;--card:#1d1914;--text:#f8f2e7;--muted:#c9bfae;--gold:#d6a84f;--gold2:#f4d27c;--line:#342b1e;--red:#a11c1c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at top,#241b0d,var(--bg));color:var(--text)}body.light{--bg:#fffaf0;--surface:#fff4dc;--card:#ffffff;--text:#17120a;--muted:#5e5548;--line:#eadcc2}body[dir="rtl"]{font-family:Arial,"Amiri",serif}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 5vw;background:rgba(8,8,7,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}body.light .site-header{background:rgba(255,250,240,.9)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:800}.brand img{width:62px;height:38px;object-fit:contain;border-radius:6px}.hero-logo{width:min(360px,80vw);max-height:160px;object-fit:contain;border-radius:18px;display:block;margin-bottom:18px}.footer-logo{width:150px;display:block;margin:0 auto 12px;border-radius:14px}.email-link{color:var(--gold2);text-decoration:none;font-size:13px;white-space:nowrap}.nav{display:flex;gap:14px;flex-wrap:wrap}.nav a,.footer a,.panel a{color:var(--muted);text-decoration:none}.nav a:hover,.footer a:hover,.panel a:hover{color:var(--gold2)}.controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pill{background:var(--card);border:1px solid var(--line);color:var(--text);padding:9px 12px;border-radius:999px}.hero{min-height:72vh;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding:70px 5vw}.eyebrow{color:var(--gold2);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:800}.hero h1{font-size:clamp(36px,6vw,76px);line-height:.95;margin:12px 0}.hero p{color:var(--muted);font-size:18px;line-height:1.7}.hero-actions,.live-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:14px;text-decoration:none;border:1px solid var(--line);font-weight:800;color:var(--text);cursor:pointer}.primary{background:linear-gradient(135deg,var(--gold),#8e5e16);color:#130d04}.secondary{background:var(--card)}.search-panel,.panel{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.25)}label{display:block;margin-bottom:10px;color:var(--gold2);font-weight:800}input{width:100%;padding:16px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:16px}.search-results{margin-top:16px;display:grid;gap:10px}.result{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.section{padding:70px 5vw;border-top:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px}.section h2{font-size:clamp(28px,4vw,46px);margin:0}.slider-wrap{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.poster-slider{min-height:720px;display:flex;justify-content:center;align-items:center}.poster-card{display:grid;grid-template-columns:minmax(300px,560px) 1fr;gap:28px;align-items:center;width:100%;background:var(--card);border:1px solid var(--line);border-radius:26px;padding:18px}.poster-media{width:100%;height:640px;display:flex;align-items:center;justify-content:center;background:#050505;border-radius:18px;overflow:hidden}.poster-card img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;display:block;cursor:pointer}.poster-info h3{font-size:34px;margin:0 0 10px}.muted{color:var(--muted);line-height:1.7}.slider-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--gold2);font-size:30px;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px}.card h3{margin-top:0}.card .arabic{font-size:26px;direction:rtl}.tag{display:inline-block;background:rgba(214,168,79,.16);color:var(--gold2);border:1px solid var(--line);border-radius:999px;padding:5px 10px;margin:4px 4px 4px 0;font-size:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.schedule-list{display:grid;gap:12px}.schedule-list div{display:flex;justify-content:space-between;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}.prayer-times{display:grid;gap:8px;margin-top:16px}.prayer-row{display:flex;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.next-prayer{margin-top:16px;font-weight:800;color:var(--gold2)}.live-section{text-align:center}.tools-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.map-embed{position:relative;overflow:hidden;border-radius:16px;border:1px solid var(--line);background:#111}.map-embed iframe{width:100%;height:420px;display:block}.terms{max-width:1000px;margin:auto}.footer{text-align:center;padding:34px 5vw;background:#070605;border-top:1px solid var(--line);color:var(--muted)}body.light .footer{background:#fff3d4}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:50;display:none;align-items:center;justify-content:center;padding:20px}.lightbox.show{display:flex}.lightbox img{max-width:92vw;max-height:88vh;border-radius:16px}.lightbox button{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;border:0;font-size:28px;cursor:pointer}@media(max-width:950px){.site-header{align-items:flex-start;flex-direction:column}.hero,.poster-card,.split,.tools-row{grid-template-columns:1fr}.poster-slider{min-height:auto}.poster-media{height:560px}.nav{font-size:14px}}@media(max-width:600px){.poster-media{height:460px}.section{padding:48px 4vw}.slider-wrap{grid-template-columns:1fr}.slider-btn{justify-self:center}.brand img{width:54px}.email-link{font-size:12px}.hero{padding-top:40px}}