*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#071f2a,#0b3540 55%,#123f35);color:#f5f7f4;min-height:100vh;padding-bottom:92px}header{height:92px;padding:18px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff22;background:#061a23cc;backdrop-filter:blur(10px);position:sticky;top:0;z-index:5}.brand{font-weight:800;font-size:clamp(18px,2.2vw,30px);letter-spacing:.5px}.sub{color:#a9c9c2;margin-top:4px;font-size:14px}.clock{text-align:right;font-weight:800;font-size:24px}.clock small{display:block;color:#a9c9c2;font-size:12px;margin-top:3px}main{width:min(1200px,92%);margin:30px auto}.page{display:none}.page.active{display:block}.hero{text-align:center;padding:42px 20px;border:1px solid #ffffff18;border-radius:28px;background:radial-gradient(circle at top,#19605055,#08242caa);box-shadow:0 18px 50px #0004}.greeting{font-size:clamp(28px,4vw,54px);font-weight:800}.next-label{color:#b7d3cd;margin-top:10px}.next-prayer{font-size:clamp(28px,4vw,50px);font-weight:900;margin-top:15px;letter-spacing:3px}.countdown{font-variant-numeric:tabular-nums;font-size:clamp(36px,6vw,70px);font-weight:900;letter-spacing:2px;margin:8px 0}.grid{display:grid;gap:16px;margin-top:18px}.prayer-grid{grid-template-columns:repeat(5,1fr)}.two{grid-template-columns:repeat(2,1fr)}.card{background:#ffffff0d;border:1px solid #ffffff18;border-radius:20px;padding:22px;box-shadow:0 10px 30px #0002}.prayer{text-align:center;padding:20px 10px}.prayer .name{color:#a9c9c2;font-weight:700}.prayer .time{font-size:27px;font-weight:900;margin-top:8px}.prayer.next{outline:2px solid #d8c77a;background:#d8c77a18}.quote span{font-size:45px}.quote p{font-size:20px;line-height:1.5}.announcement h3{margin-top:0}.section-title{margin-bottom:20px}.section-title h1{font-size:38px;margin:0 0 6px}.section-title p{color:#a9c9c2}.quran-card{text-align:center;padding:55px 20px}.arabic{font-size:clamp(30px,5vw,55px);line-height:1.8;direction:rtl}.translation{font-size:20px;margin:20px auto;max-width:750px}.list{display:grid;gap:14px}.event{display:grid;grid-template-columns:90px 90px 1fr auto;gap:15px;align-items:center;background:#ffffff0d;border:1px solid #ffffff18;border-radius:16px;padding:20px}.event span{color:#d8c77a;font-weight:800}.event small{color:#a9c9c2}.donation{display:grid;grid-template-columns:2fr 1fr;gap:18px}.bank{margin-top:20px;padding:18px;border-radius:14px;background:#0003;line-height:1.8}.qr{text-align:center}.qrbox{width:170px;height:170px;margin:10px auto;border:12px solid white;background:repeating-linear-gradient(45deg,#111 0 7px,#fff 7px 13px);color:white;font-weight:900;display:grid;place-items:center;text-shadow:0 1px 3px #000}.profile{display:flex;gap:25px;align-items:center}.logo{font-size:80px}.profile p{line-height:1.7;color:#c5d7d3}nav{position:fixed;bottom:0;left:0;right:0;height:82px;background:#061a23ee;border-top:1px solid #ffffff1c;display:flex;justify-content:center;gap:8px;z-index:10;backdrop-filter:blur(14px)}nav button{border:0;background:transparent;color:#9ebbb6;min-width:90px;padding:9px 10px;font-size:22px;cursor:pointer;border-radius:14px}nav button span{display:block;font-size:11px;margin-top:4px}nav button.active,nav button:hover{background:#ffffff12;color:#fff}@media(max-width:800px){.prayer-grid{grid-template-columns:repeat(2,1fr)}.two,.donation{grid-template-columns:1fr}.event{grid-template-columns:1fr 1fr}.event strong,.event small{grid-column:1/-1}nav{overflow-x:auto;justify-content:flex-start;padding:0 8px}nav button{min-width:78px}.clock{font-size:17px}}