*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#061f18;color:#f5efdf;font-family:Inter,Arial,sans-serif;overflow-x:hidden}.ambient{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 12% 10%,#62866a38,transparent 30%),radial-gradient(circle at 88% 60%,#d8bd7420,transparent 28%),linear-gradient(135deg,#041812,#0b352b 52%,#061e18)}body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%),linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%);background-size:70px 70px;background-position:0 0,35px 35px}.topbar{max-width:1500px;margin:auto;padding:30px 4vw 16px;display:flex;justify-content:space-between;align-items:flex-start}.arabic{color:#dfc984;font:20px Georgia,serif}.brand h1{margin:3px 0 0;font:700 clamp(34px,3.4vw,58px) Georgia,serif;letter-spacing:.12em;color:#f5e7bf}.brand h1 span{color:#caa75b}.brand p{margin:4px 0;color:#a9c1b2;font-size:13px;letter-spacing:.08em}.datebox{border:1px solid #e7d6a33b;border-radius:18px;padding:12px 18px;text-align:right;background:#ffffff09;backdrop-filter:blur(12px)}.datebox span{display:block;color:#e1ca8d;font:16px Georgia,serif}.datebox b{font-size:12px;color:#c0d0c6;font-weight:500}main{max-width:1500px;margin:auto;padding:0 4vw 40px}.hero{display:grid;grid-template-columns:1.35fr .78fr;gap:22px;align-items:stretch}.mosque-card{position:relative;min-height:505px;border-radius:30px;overflow:hidden;border:1px solid #e9dbb82b;box-shadow:0 25px 80px #0006;background:#123b31}.mosque-card img{width:100%;height:100%;min-height:505px;object-fit:cover;object-position:center;display:block}.mosque-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#061c1670 100%)}.mosque-overlay{position:absolute;z-index:2;bottom:24px;left:28px}.mosque-overlay span{display:block;font:700 25px Georgia,serif;letter-spacing:.15em;color:#f5e8c6}.mosque-overlay small{color:#d0d9d1;letter-spacing:.1em}.info-panel{display:flex;flex-direction:column;gap:14px}.clock-card,.next-card,.prayer{border:1px solid #e9dbb82a;background:#ffffff0b;backdrop-filter:blur(14px);box-shadow:0 18px 50px #0003;border-radius:24px}.clock-card{padding:18px 20px;text-align:center}.clock-card small{color:#b9cabc;letter-spacing:.16em;font-size:10px}.clock-card #clock{font-size:clamp(44px,4vw,62px);font-weight:700;letter-spacing:.04em;color:#fff9ec;margin:7px 0 0}.clock-card em{font-style:normal;color:#d6bf82;font-size:11px;letter-spacing:.25em}.next-card{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.next-card small{color:#b9cabc;letter-spacing:.12em;font-size:10px}.next-card h2{font:700 clamp(25px,2.4vw,40px) Georgia,serif;color:#f0dfb0;margin:5px 0}.next-card p{margin:0;color:#93ad9e;font-size:11px}.next-card>strong{font:700 clamp(27px,2.8vw,42px) Georgia,serif;color:#e7eddc;white-space:nowrap}.prayers{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.prayer{text-align:center;padding:12px 4px}.prayer .n{font-size:9px;color:#a9c0b1;letter-spacing:.06em}.prayer .t{font-size:clamp(17px,1.65vw,25px);font-weight:700;margin-top:7px}.prayer.active{background:#d7bd7525;border-color:#e0c887aa;transform:translateY(-3px)}.prayer.active .n{color:#e2cd94}.announcement{margin-top:18px;height:50px;border-radius:18px;background:#0d503d;border:1px solid #c9b36c55;display:flex;align-items:center;overflow:hidden;box-shadow:0 12px 35px #0003}.announcement>b{height:100%;display:flex;align-items:center;padding:0 18px;border-right:1px solid #d8c58c55;color:#ead79e;font-size:11px;letter-spacing:.08em;white-space:nowrap}.marquee{overflow:hidden;white-space:nowrap;flex:1}.marquee span{display:inline-block;padding-left:100%;animation:marquee 24s linear infinite;color:#d8e2d9;font-size:12px}@keyframes marquee{to{transform:translateX(-100%)}}.scroll-hint{text-align:center;margin:7px 0 20px;color:#cdb66f;cursor:pointer;user-select:none}.scroll-hint span{display:block;margin:auto;width:44px;height:44px;border:1px solid #dfca895f;border-radius:50%;font-size:32px;line-height:34px;background:#0b4a38;animation:float 2.2s ease-in-out infinite}@keyframes float{50%{transform:translateY(5px)}}.scroll-hint small{font-size:9px;letter-spacing:.18em;color:#91aa9d}.pearls{background:#f7f1df;color:#174538;border-radius:36px;padding:58px 4vw 62px;position:relative;overflow:hidden}.pearls:before,.pearls:after{content:"";position:absolute;width:220px;height:220px;border:1px solid #c9ad65;opacity:.18;border-radius:50%;top:-100px}.pearls:before{left:-80px}.pearls:after{right:-80px}.section-title{text-align:center;position:relative;z-index:1}.section-title small{color:#a18442;letter-spacing:.22em}.section-title h2{font:700 39px Georgia,serif;margin:7px 0;color:#0e4b3a}.section-title p{color:#6f8479;margin:0 auto;max-width:650px;font-size:13px}.pearl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px;position:relative;z-index:1}.pearl{min-height:250px;padding:26px;border:1px solid #c8b57b66;border-radius:25px;background:#fffaf0d9;box-shadow:0 15px 40px #345a4012;display:flex;flex-direction:column;justify-content:center;text-align:center;transition:transform .25s ease,box-shadow .25s ease}.pearl:hover{transform:translateY(-6px);box-shadow:0 20px 45px #345a4020}.tag{display:inline-block;margin:0 auto 17px;padding:8px 14px;border-radius:999px;background:#0d513d;color:#f0dfaa;font-size:10px;letter-spacing:.08em}.pearl blockquote{margin:0;font:20px/1.55 Georgia,serif;color:#1c5545}.pearl>b{margin-top:18px;color:#96783c;font-size:11px}.dua{margin:30px 0 0;text-align:center;padding:42px 25px;border-radius:28px;background:linear-gradient(135deg,#08372b,#0c4b3a);border:1px solid #d4bd7660}.dua-icon{font-size:34px;color:#e2ca8a}.dua p{font:24px/1.5 Georgia,serif;color:#f2e7c8;max-width:850px;margin:8px auto}.dua span{color:#9fb8aa;font-size:11px}footer{max-width:1500px;margin:auto;padding:22px 4vw 28px;display:flex;justify-content:space-between;gap:20px;color:#8fa99a;font-size:10px}footer div{display:flex;gap:15px;flex-direction:column}footer b{color:#e2ce94;letter-spacing:.1em}footer span{font-size:10px}@media(max-width:900px){.topbar{gap:18px}.hero{grid-template-columns:1fr}.mosque-card,.mosque-card img{min-height:390px;height:390px}.prayers{grid-template-columns:repeat(3,1fr)}.pearl-grid{grid-template-columns:1fr}.next-card>strong{font-size:30px}}@media(max-width:560px){.topbar{padding-top:22px;display:block}.datebox{text-align:left;margin-top:15px;display:inline-block}.brand h1{font-size:34px}.mosque-card,.mosque-card img{min-height:310px;height:310px}.prayers{grid-template-columns:repeat(2,1fr)}.announcement>b{padding:0 12px}.next-card{display:block}.next-card>strong{display:block;margin-top:8px}.pearls{padding:42px 20px}.section-title h2{font-size:32px}footer{display:block}.clock-card #clock{font-size:48px}}