*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f7f5;--bg-soft:#ebefeb;--bg-white:#fff;--parchment:#fcfaf5;--text:#171d1a;--text-muted:#57655e;--text-light:#8ba095;--jade:#0f5235;--jade-dark:#073320;--jade-mid:#166c47;--jade-light:#219663;--jade-pale:#e2ede8;--gold:#d4a343;--gold-light:#eac16d;--gold-pale:#fdf6e6;--gold-deep:#966f25;--maroon:#7a1c2e;--white:#fff;--dark:#0a0d0b;--shadow-sm:0 2px 12px #0f52350f;--shadow:0 4px 32px #0f523517;--shadow-lg:0 16px 48px #0f523529;--shadow-gold:0 4px 20px #d4a3434d;--radius:20px;--radius-sm:12px;--radius-xs:8px;--radius-pill:99px;--font-body:"Poppins", sans-serif;--font-display:"Playfair Display", serif;--font-arabic:"Amiri", serif;--nav-h:80px;--container:1280px;--gap:28px;--ease:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--grad-jade:linear-gradient(135deg, var(--jade), var(--jade-dark));--grad-gold:linear-gradient(135deg, var(--gold), #b8831f);--grad-maroon:linear-gradient(135deg, var(--maroon), #5a1020)}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}input,textarea,select{font-family:var(--font-body)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--jade), var(--gold));border-radius:var(--radius-pill)}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.section{padding:100px 0;position:relative;overflow:hidden}.section-header{margin-bottom:60px}.section-label{letter-spacing:3px;text-transform:uppercase;color:var(--gold);align-items:center;gap:10px;margin-bottom:16px;font-size:11.5px;font-weight:700;display:inline-flex}.section-label:before,.section-label:after{content:"";background:linear-gradient(90deg, var(--gold), transparent);border-radius:2px;width:28px;height:1.5px;display:block}.section-label:after{background:linear-gradient(90deg, transparent, var(--gold))}.section-title{font-family:var(--font-display);color:var(--text);margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2}.section-title em{color:var(--jade);font-style:italic}.section-subtitle{color:var(--text-muted);max-width:560px;font-size:15px;line-height:1.8}.btn{font-family:var(--font-body);border-radius:var(--radius-sm);transition:all .3s var(--ease);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--grad-gold);color:#fff;box-shadow:var(--shadow-gold);padding:14px 32px;font-size:14.5px}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #c9993c80}.btn-secondary{color:#fff;background:0 0;border:1.5px solid #fff6;padding:13px 28px;font-size:14.5px;font-weight:600}.btn-secondary:hover{background:var(--jade);border-color:var(--jade);transform:translateY(-3px)}.btn-jade{background:var(--grad-jade);color:#fff;padding:13px 28px;font-size:14px;box-shadow:0 4px 18px #0d5c3a4d}.btn-jade:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0d5c3a66}.btn-outline{color:var(--jade);border:2px solid var(--jade-pale);background:0 0;padding:12px 28px;font-size:14px}.btn-outline:hover{background:var(--jade);color:#fff;border-color:var(--jade);transform:translateY(-2px)}.card-glass{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius);background:#ffffffb3;border:1px solid #ffffff80;box-shadow:0 8px 32px #0d5c3a0f}.mobile-sched-card{border-radius:var(--radius-sm);text-align:left;background:#fff;border:1px solid #0d5c3a1a;flex-direction:column;gap:8px;padding:20px;display:flex;box-shadow:0 4px 12px #0000000a}.card-type{margin-top:auto}.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}.reveal-d3{transition-delay:.3s}@keyframes bgGradientScroll{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animated-bg-gradient{animation:10s infinite bgGradientScroll;background-size:200% 200%!important}@keyframes patternMove{0%{background-position:0 0}to{background-position:100px 100px}}.card-glass:hover{box-shadow:var(--shadow-lg);border-color:#c9993c59;transform:translateY(-8px)}.reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.geo-divider{text-align:center;color:var(--gold);letter-spacing:8px;opacity:.45;-webkit-user-select:none;user-select:none;padding:12px 0;font-size:22px}@media (width<=1024px){.section{padding:80px 0}:root{--gap:20px}}@media (width<=768px){.section{padding:64px 0}.section-header{margin-bottom:40px}.container{padding:0 20px}.about-hero-content,.stream-hero-content,.don-hero-content,.fac-hero-content,.loc-hero-content,.admin-header{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.about-hero-sub,.stream-hero-sub,.don-hero-sub,.fac-hero-sub,.loc-hero-sub,.admin-subtitle{margin-left:auto;margin-right:auto}.admin-alert{text-align:left;justify-content:center}}@media (width<=480px){.section{padding:52px 0}.container{padding:0 16px}}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#0a1a12bf;border:1px solid #ffffff1f;border-radius:999px;justify-content:space-between;align-items:center;width:94%;max-width:1200px;height:70px;padding:0 32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0000004d}.navbar.navbar--scrolled{background:#08140ee6;height:64px;top:10px;box-shadow:0 16px 48px #0006}.navbar-brand{flex-shrink:0;align-items:center;gap:.75rem;text-decoration:none;display:flex}.navbar-logo-box{border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;overflow:hidden}.navbar-logo-img{object-fit:cover;width:100%;height:100%}.navbar-brand:hover .navbar-logo-box{background:#fff3;transform:scale(1.1)rotate(-5deg)}.navbar-brand-text{flex-direction:column;line-height:1.1;display:flex}.navbar-brand-name{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;font-size:1.3rem;font-weight:800}.navbar-brand-subtitle{font-family:var(--font-body);color:#ffffff8c;letter-spacing:.08em;text-transform:uppercase;font-size:.58rem;font-weight:600}.navbar-links{align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.navbar-link{font-family:var(--font-body);color:#fffc;letter-spacing:.06em;text-transform:uppercase;border-radius:99px;padding:.5rem 1rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .25s;position:relative}.navbar-link:after{content:"";background:var(--gold-light);border-radius:2px;width:0;height:2px;transition:all .25s;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.navbar-link:hover{color:#fff;background:#ffffff14}.navbar-link:hover:after,.navbar-link.navbar-link--active:after{width:20px}.navbar-link.navbar-link--active{color:var(--gold-light);background:#ffffff0d;font-weight:700}.navbar-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.navbar-cta{font-family:var(--font-body);color:#fff;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#0d5c3a 0%,#168d57 100%);border:none;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem 1.4rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 15px #0d5c3a4d}.navbar-cta:hover{background:linear-gradient(135deg,#107248 0%,#1c9d63 100%);transform:translateY(-2px);box-shadow:0 8px 24px #168d5773}.navbar-hamburger{cursor:pointer;color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .25s;display:none}.navbar-hamburger:hover{background:#ffffff26;border-color:#ffffff4d}.navbar-hamburger svg{width:20px;height:20px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.navbar-hamburger.navbar-hamburger--open svg{transform:rotate(90deg)}.navbar-mobile-panel{-webkit-backdrop-filter:blur(24px);width:90%;max-height:0;box-shadow:none;z-index:999;background:#0a1a12f2;border:0 solid #0000;border-radius:24px;padding:0;transition:max-height .45s cubic-bezier(.4,0,.2,1),padding .45s cubic-bezier(.4,0,.2,1),border-color .45s,box-shadow .45s;position:fixed;top:100px;left:5%;right:5%;overflow:hidden}.navbar-mobile-panel.navbar-mobile-panel--open{border:1px solid #ffffff1a;max-height:80vh;padding:1.5rem;overflow-y:auto;box-shadow:0 24px 60px #00000080}.navbar-mobile-links{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.navbar-mobile-link{font-family:var(--font-body);color:#ffffffd9;text-transform:uppercase;border-radius:99px;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:block}.navbar-mobile-link:hover{color:#fff;background:#ffffff1a;transform:translate(4px)}.navbar-mobile-link.navbar-link--active{color:var(--gold-light);background:#ffffff0f;font-weight:700}.navbar-mobile-divider{background:#ffffff1a;height:1px;margin:.75rem 0}.navbar-mobile-cta{font-family:var(--font-body);color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#0d5c3a,#168d57);border-radius:99px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.8rem 1.5rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .25s;display:flex;box-shadow:0 4px 15px #0d5c3a4d}.navbar-mobile-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #168d5773}@media (width<=968px){.navbar{width:92%;height:60px;padding:0 20px;top:15px}.navbar.navbar--scrolled{height:56px;top:8px}.navbar-links,.navbar-cta{display:none}.navbar-hamburger{display:flex}}@media (width<=480px){.navbar-brand-name{font-size:1.15rem}.navbar-brand-subtitle{font-size:.55rem}.navbar-logo-box{width:32px;height:32px;font-size:1.1rem}}.footer-ornament{text-align:center;-webkit-user-select:none;user-select:none;background:#061c12;padding:2.5rem 0 0}.footer-ornament-pattern{color:#d4a34373;letter-spacing:.25em;align-items:center;gap:.75rem;font-size:.85rem;display:inline-flex}.footer-ornament-line{background:linear-gradient(90deg,#0000,#d4a3434d,#0000);width:80px;height:1px;display:inline-block}.footer{background:linear-gradient(180deg, var(--jade-dark) 0%, #05160e 100%);color:#c5cec7;font-family:var(--font-body);padding:3.5rem clamp(1.25rem,5vw,4rem) 0}.footer-grid{grid-template-columns:1.5fr 1fr 1.5fr;gap:2.5rem 3rem;max-width:1240px;margin:0 auto;display:grid}.footer-about-brand{align-items:center;gap:.65rem;margin-bottom:1.1rem;text-decoration:none;display:flex}.footer-about-logo{border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden;box-shadow:0 4px 14px #0f52354d}.footer-about-logo-img{object-fit:cover;width:100%;height:100%}.footer-about-name{font-family:var(--font-display);color:#e8e4da;font-size:1.55rem;font-weight:800}.footer-about-desc{color:#8a9a8d;max-width:320px;margin-bottom:1.5rem;font-size:.88rem;line-height:1.75}.footer-socials{gap:.6rem;display:flex}.footer-social-btn{width:40px;height:40px;color:var(--gold);cursor:pointer;background:#d4a3430f;border:1.5px solid #d4a34333;border-radius:10px;justify-content:center;align-items:center;text-decoration:none;transition:background .3s,border-color .3s,transform .3s,box-shadow .3s,color .3s;display:flex}.footer-social-btn:hover{color:var(--gold-light);background:#d4a3432e;border-color:#d4a34380;transform:translateY(-3px);box-shadow:0 6px 20px #d4a34326}.footer-social-btn svg{width:18px;height:18px}.footer-heading{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin-bottom:1.25rem;padding-bottom:.75rem;font-size:.82rem;font-weight:700;position:relative}.footer-heading:after{content:"";background:linear-gradient(90deg, var(--gold), transparent);border-radius:2px;width:30px;height:2px;position:absolute;bottom:0;left:0}.footer-link-list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.footer-link-item a{color:#8a9a8d;font-size:.88rem;text-decoration:none;transition:color .25s,padding-left .25s;display:inline-block;position:relative}.footer-link-item a:before{content:"";background:var(--gold);border-radius:2px;width:0;height:2px;transition:width .25s;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.footer-link-item a:hover{color:#e8e4da;padding-left:8px}.footer-link-item a:hover:before{width:8px}.footer-contact-list{flex-direction:column;gap:.9rem;margin:0;padding:0;list-style:none;display:flex}.footer-contact-item{color:#8a9a8d;align-items:flex-start;gap:.65rem;font-size:.85rem;line-height:1.6;display:flex}.footer-contact-icon{color:#4faa6e;background:#0f523533;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;display:flex}.footer-contact-icon svg{width:16px;height:16px}.footer-contact-text a{color:#8a9a8d;text-decoration:none;transition:color .25s}.footer-contact-text a:hover{color:var(--gold)}.footer-map-wrapper{border-radius:var(--radius-sm);border:1px solid #d4a34326;margin-top:16px;transition:border-color .3s;overflow:hidden;box-shadow:0 4px 16px #0003}.footer-map-wrapper:hover{border-color:var(--gold)}.footer-bottom{border-top:1px solid #d4a34326;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;max-width:1240px;margin-top:3rem;margin-left:auto;margin-right:auto;padding:1.4rem 0;display:flex}.footer-copyright{color:#5a6a5c;font-size:.8rem}.footer-copyright span{color:var(--gold);font-weight:600}.footer-credits{color:#4a5a4c;font-size:.75rem}.footer-credits a{color:#6a8a6e;text-decoration:none;transition:color .25s}.footer-credits a:hover{color:var(--gold)}@media (width<=968px){.footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem 2rem}.footer-about-desc{max-width:100%}}@media (width<=600px){.footer{padding:2.5rem 1.25rem 0}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom{text-align:center;flex-direction:column;gap:.5rem;margin-top:2rem;padding:1.2rem 0}.footer-heading:after{left:50%;transform:translate(-50%)}.footer-ornament-line{width:50px}}.floating-widget{z-index:1000;background:#fffdf7;border:1px solid #c9993c26;border-radius:16px;width:185px;padding:18px 16px 14px;animation:.5s cubic-bezier(.22,1,.36,1) forwards floating-slide-up;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000a}@keyframes floating-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.floating-close{cursor:pointer;color:#9ca3af;background:#0000000a;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:background .2s,color .2s;display:flex;position:absolute;top:8px;right:8px}.floating-close:hover{color:#4b5563;background:#00000014}.floating-label{color:#c9993c;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px;font-family:Poppins,sans-serif;font-size:.6rem;font-weight:600;display:block}.floating-prayer-name{color:#0d5c3a;margin:0 0 2px;font-family:Amiri,serif;font-size:1.3rem;font-weight:700;line-height:1.2}.floating-prayer-time{color:#1f2937;margin:0 0 8px;font-family:Amiri,serif;font-size:1rem;font-weight:700}.floating-wib{color:#9ca3af;text-transform:uppercase;letter-spacing:1px;vertical-align:middle;font-family:Poppins,sans-serif;font-size:.55rem;font-weight:500}.floating-countdown{color:#0d5c3a;text-align:center;letter-spacing:1.5px;background:#0d5c3a0f;border-radius:8px;padding:5px 10px;font-family:Poppins,sans-serif;font-size:.82rem;font-weight:700}.floating-accent-bar{background:linear-gradient(90deg,#c9993c,#dbb565,#c9993c);border-radius:0 0 16px 16px;height:3px;position:absolute;bottom:0;left:0;right:0}@media (width<=480px){.floating-widget{width:170px;padding:14px 13px 12px;bottom:16px;right:16px}.floating-prayer-name{font-size:1.15rem}}.hero{background-color:#071a10;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:1;background-image:url(/photo1.jpg);background-position:50% 20%;background-size:cover;position:absolute;inset:0}.hero-pattern{z-index:2;pointer-events:none;background:radial-gradient(at 15% 85%,#c9993c1f 0%,#0000 55%),radial-gradient(at 85% 15%,#0d5c3a2e 0%,#0000 55%);position:absolute;inset:0}.hero-overlay{z-index:3;background:linear-gradient(160deg,#071a1073 0%,#071a10bf 100%);position:absolute;inset:0}.hero-container{z-index:5;position:relative}.hero-content{max-width:720px;animation:1.2s cubic-bezier(.22,1,.36,1) forwards heroFadeUp}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}.hero-tagline{letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);align-items:center;gap:12px;margin-bottom:20px;font-size:12px;font-weight:600;display:inline-flex}.hero-tagline-line{background:var(--gold);border-radius:2px;width:36px;height:2px;display:inline-block}.hero-arabic{font-family:var(--font-arabic);color:var(--gold-light);text-align:left;margin-bottom:16px;font-size:clamp(1.5rem,2.8vw,2.2rem);font-style:italic;display:inline-block}.hero-title{font-family:var(--font-display);color:#fff;letter-spacing:-.5px;margin-bottom:20px;font-size:clamp(2.8rem,6vw,4.5rem);font-weight:800;line-height:1.1}.hero-title-accent{color:var(--jade-light);margin-top:4px;font-size:.65em;font-weight:600;display:block}.hero-subtitle{color:#ffffffb8;max-width:560px;margin-bottom:40px;font-size:clamp(.95rem,1.4vw,1.1rem);font-weight:300;line-height:1.8}.hero-btns{flex-wrap:wrap;gap:14px;display:flex}.hero-ornament{z-index:6;width:100%;line-height:0;position:absolute;bottom:-1px;left:0}.hero-ornament svg{width:100%;height:60px;display:block}@media (width<=768px){.hero-content{text-align:center}.hero-tagline{justify-content:center}.hero-tagline-line{display:none}.hero-arabic{direction:ltr}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-btns{justify-content:center}}@media (width<=480px){.hero-btns{flex-direction:column}.hero-btns .btn{justify-content:center;width:100%}}.btn-hero-explore{background:#072517!important;border:1px solid #c9993c40!important;box-shadow:0 4px 14px #07251766!important}.btn-hero-explore:hover{background:#0d5c3a!important;border-color:#c9993c80!important;box-shadow:0 10px 30px #0d5c3a66!important}.svc-section{background:var(--bg-soft)}.svc-header{text-align:center}.svc-grid{gap:var(--gap);grid-template-columns:repeat(3,1fr);display:grid}.svc-card{text-align:left;flex-direction:column;min-height:300px;padding:36px 28px;display:flex;position:relative}.svc-card-icon{width:62px;height:62px;transition:transform .3s var(--ease);border-radius:16px;justify-content:center;align-items:center;margin-bottom:22px;display:flex}.svc-card:hover .svc-card-icon{transform:scale(1.1)}.svc-icon-jade{background:linear-gradient(135deg, var(--jade-pale), #a8dcc5);color:var(--jade)}.svc-icon-gold{background:linear-gradient(135deg, var(--gold-pale), #f5dfa0);color:var(--gold-deep)}.svc-icon-rose{color:#b91c1c;background:linear-gradient(135deg,#fde8e8,#fca5a5)}.svc-icon-blue{color:#1e40af;background:linear-gradient(135deg,#e0e9ff,#b3c6fd)}.svc-card-title{font-family:var(--font-display);color:var(--text);margin-bottom:10px;font-size:19px;font-weight:700}.svc-card-desc{color:var(--text-muted);margin-bottom:8px;font-size:13.5px;line-height:1.75}.btn-svc-action{text-align:center;color:var(--jade);border:1.5px solid var(--jade-pale);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;transition:all .3s var(--ease);background:0 0;margin-top:auto;padding:10px 20px;font-size:11.5px;font-weight:700;display:block}.btn-svc-action:hover{background:var(--grad-jade);color:#fff;border-color:var(--jade);transform:translateY(-2px);box-shadow:0 4px 12px #0f523526}@media (width<=1024px){.svc-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.svc-grid{grid-template-columns:repeat(2,1fr);gap:12px}.svc-card{min-height:220px;padding:20px 14px}.svc-card-icon{border-radius:12px;width:48px;height:48px;margin-bottom:14px}.svc-card-icon svg{width:20px;height:20px}.svc-card-title{margin-bottom:6px;font-size:15px}.svc-card-desc{margin-bottom:10px;font-size:11px;line-height:1.5}.btn-svc-action{padding:6px 12px;font-size:10px}}.bento-section{background:var(--bg-white,#fff);padding:5rem 0}.bento-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.bento-header{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2.5rem;display:flex}.bento-header-left{flex-direction:column;gap:.4rem;display:flex}.bento-label{letter-spacing:.15em;text-transform:uppercase;color:#c9993c;align-items:center;gap:.5rem;font-family:Poppins,sans-serif;font-size:.75rem;font-weight:700;display:inline-flex}.bento-label:before{content:"";background:#c9993c;border-radius:2px;width:28px;height:3px;display:inline-block}.bento-title{color:#1a1a1a;margin:0;font-family:Amiri,serif;font-size:2.2rem;font-weight:700;line-height:1.2}.bento-title em{color:#0d5c3a;font-style:italic}.bento-view-all{color:#0d5c3a;white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:.4rem;padding-bottom:.3rem;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:border-color .3s,gap .3s;display:inline-flex}.bento-view-all:hover{border-bottom-color:#0d5c3a;gap:.7rem}.bento-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:1rem;min-height:540px;display:grid}.bento-card-featured{grid-row:1/3}.bento-card{cursor:pointer;border-radius:16px;text-decoration:none;display:block;position:relative;overflow:hidden}.bento-card-image-wrapper{z-index:1;position:absolute;inset:0}.bento-card-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94);display:block}.bento-card:hover .bento-card-image{transform:scale(1.08)}.bento-card-overlay{z-index:2;background:linear-gradient(#0000 0%,#0000001a 30%,#00000073 60%,#000000d9 100%);flex-direction:column;justify-content:flex-end;padding:1.5rem;transition:background .4s;display:flex;position:absolute;inset:0}.bento-card:hover .bento-card-overlay{background:linear-gradient(#0000000d 0%,#0003 25%,#0000008c 55%,#000000e6 100%)}.bento-card-content{flex-direction:column;gap:.5rem;display:flex}.bento-badge{letter-spacing:.08em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50px;width:fit-content;padding:.3rem .75rem;font-family:Poppins,sans-serif;font-size:.65rem;font-weight:700;display:inline-block}.bento-card-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;line-height:1.35;transition:transform .3s;display:-webkit-box;overflow:hidden}.bento-card:hover .bento-card-title{transform:translateY(-2px)}.bento-card-title-featured{-webkit-line-clamp:3;font-size:1.45rem;font-weight:700;line-height:1.3}.bento-card-excerpt{color:#fffc;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}.bento-card-date{color:#fff9;margin-top:.15rem;font-family:Poppins,sans-serif;font-size:.75rem;font-weight:500}.bento-card-small{min-height:0}.bento-card-small .bento-card-overlay{padding:1.2rem}.bento-card-small .bento-badge{padding:.25rem .6rem;font-size:.6rem}.bento-card-small .bento-card-excerpt,.bento-card-small .bento-card-date{display:none}@media (width<=900px){.bento-section{padding:3.5rem 0}.bento-title{font-size:1.75rem}.bento-grid{min-height:420px}.bento-card-title-featured{font-size:1.2rem}.bento-card-excerpt{display:none}}@media (width<=640px){.bento-section{padding:3rem 0}.bento-header{flex-direction:column;align-items:flex-start;gap:.75rem}.bento-title{font-size:1.5rem}.bento-grid{min-height:unset;grid-template-rows:auto;grid-template-columns:1fr;gap:1.25rem}.bento-card:nth-child(n+4){display:none!important}.bento-card{grid-row:auto!important;height:320px!important;min-height:320px!important}.bento-card-small .bento-card-excerpt{display:-webkit-box!important}.bento-card-small .bento-card-date{display:block!important}.bento-card-title{margin-bottom:.25rem;-webkit-line-clamp:2!important;font-size:1.15rem!important;font-weight:700!important}.bento-card-excerpt{-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2!important;color:#ffffffd9!important;font-size:.85rem!important;display:-webkit-box!important}.bento-card-date{font-size:.75rem!important;display:block!important}}.video-section{background:var(--parchment,#fdf8ef);padding:5rem 0}.video-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.video-header{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2.5rem;display:flex}.video-header-left{flex-direction:column;gap:.4rem;display:flex}.video-label{letter-spacing:.15em;text-transform:uppercase;color:#c9993c;align-items:center;gap:.5rem;font-family:Poppins,sans-serif;font-size:.75rem;font-weight:700;display:inline-flex}.video-label:before{content:"";background:#c9993c;border-radius:2px;width:28px;height:3px;display:inline-block}.video-title{color:#1a1a1a;margin:0;font-family:Amiri,serif;font-size:2.2rem;font-weight:700;line-height:1.2}.video-title em{color:#0d5c3a;font-style:italic}.video-nav-buttons{flex-shrink:0;gap:.6rem;display:flex}.video-nav-btn{color:#1a1a1a;cursor:pointer;background:#fff;border:2px solid #d4d4d4;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:inline-flex}.video-nav-btn:hover{color:#fff;background:#0d5c3a;border-color:#0d5c3a;box-shadow:0 4px 14px #0d5c3a4d}.video-nav-btn:active{transform:scale(.93)}.video-carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;gap:1.25rem;padding-bottom:1rem;display:flex;overflow-x:auto}.video-carousel::-webkit-scrollbar{display:none}.video-card{scroll-snap-align:start;cursor:pointer;background:#fff;border-radius:16px;outline:none;flex:0 0 320px;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s;overflow:hidden;box-shadow:0 4px 20px #00000014}.video-card:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 12px 36px #00000026}.video-card:focus-visible{box-shadow:0 0 0 3px #0d5c3a66,0 12px 36px #00000026}.video-card-thumb{width:100%;padding-bottom:56.25%;position:relative;overflow:hidden}.video-card-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94);display:block;position:absolute;inset:0}.video-card:hover .video-card-image{transform:scale(1.08)}.video-play-overlay{z-index:3;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-play-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d5c3ad9;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;padding-left:3px;transition:transform .35s,background .35s;display:flex;box-shadow:0 4px 20px #0000004d}.video-card:hover .video-play-btn{background:#0d5c3af2;transform:scale(1.15)}.video-card-info{z-index:2;background:linear-gradient(#0000 0%,#0000004d 40%,#000c 100%);flex-direction:column;gap:.4rem;padding:3rem 1rem 1rem;display:flex;position:absolute;bottom:0;left:0;right:0}.video-badge{letter-spacing:.08em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#c9993cd9;border-radius:50px;width:fit-content;padding:.2rem .6rem;font-family:Poppins,sans-serif;font-size:.6rem;font-weight:700;display:inline-block}.video-card-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-family:Poppins,sans-serif;font-size:.88rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}@media (width<=900px){.video-section{padding:3.5rem 0}.video-title{font-size:1.75rem}.video-card{flex:0 0 280px}}@media (width<=640px){.video-section{padding:3rem 0}.video-header{flex-direction:column;align-items:flex-start;gap:1rem}.video-title{font-size:1.5rem}.video-nav-buttons{align-self:flex-end;margin-top:-2.5rem}.video-card{flex:0 0 260px}.video-play-btn{width:48px;height:48px}}.prayer-section{background-color:#0000;background-image:linear-gradient(#03402aeb,#03402aeb),url(/photo2.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:80px 0;position:relative;overflow:hidden}.prayer-container{text-align:center;max-width:1100px;margin:0 auto;padding:0 24px}.prayer-header{margin-bottom:36px}.prayer-label{letter-spacing:3px;color:#c9993c;text-transform:uppercase;margin-bottom:8px;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;display:inline-block}.prayer-title{color:#fff;margin:4px 0 16px;font-family:Amiri,serif;font-size:2.6rem;font-weight:700;line-height:1.2}.prayer-location{color:#ffffffbf;align-items:center;gap:6px;font-family:Poppins,sans-serif;font-size:.92rem;display:inline-flex}.prayer-location svg{color:#c9993c;flex-shrink:0}.prayer-countdown-wrapper{margin-bottom:28px}.prayer-countdown-label{color:#fffc;align-items:center;gap:8px;margin-bottom:12px;font-family:Poppins,sans-serif;font-size:.95rem;display:inline-flex}.prayer-countdown-label svg{color:#c9993c}.prayer-countdown-name{color:#c9993c;font-size:1.05rem;font-weight:700}.prayer-countdown-timer{align-items:center;gap:8px;display:inline-flex}.prayer-countdown-digit{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #c9993c40;border-radius:12px;flex-direction:column;align-items:center;min-width:80px;padding:12px 20px 8px;display:flex}.prayer-digit-value{color:#fff;letter-spacing:2px;font-family:Amiri,serif;font-size:2.8rem;font-weight:700;line-height:1}.prayer-digit-unit{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-family:Poppins,sans-serif;font-size:.7rem}.prayer-countdown-separator{color:#c9993c;margin-bottom:14px;font-family:Amiri,serif;font-size:2.4rem;font-weight:700;line-height:1}.prayer-dates{color:#fff9;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:44px;font-family:Poppins,sans-serif;font-size:.88rem;display:flex}.prayer-date-divider{color:#c9993c}.prayer-date-hijri{color:#c9993c;font-weight:500}.prayer-cards-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.prayer-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:default;background:#ffffff12;border:1px solid #ffffff1f;border-radius:16px;padding:28px 12px 22px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .3s}.prayer-card:hover{border-color:#c9993c59;transform:translateY(-6px);box-shadow:0 12px 36px #0000004d}.prayer-card--active{background:linear-gradient(135deg,#c9993c4d,#c9993c1f);border-color:#c9993c80;box-shadow:0 4px 24px #c9993c26}.prayer-card--active:hover{box-shadow:0 12px 40px #c9993c40}.prayer-card-icon-wrapper{color:#03402a;background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 14px;transition:all .3s;display:inline-flex;box-shadow:0 4px 10px #00000026}.prayer-card:hover .prayer-card-icon-wrapper{background:#fff;transform:scale(1.08)}.prayer-card--active .prayer-card-icon-wrapper{color:#03402a;background:#fff}.prayer-card-name{color:#fffc;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 8px;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600}.prayer-card--active .prayer-card-name{color:#c9993c}.prayer-card-time{color:#fff;margin:0 0 2px;font-family:Amiri,serif;font-size:2rem;font-weight:700;line-height:1.1}.prayer-card-wib{color:#fff6;text-transform:uppercase;letter-spacing:2px;font-family:Poppins,sans-serif;font-size:.7rem}@media (width<=960px){.prayer-cards-grid{grid-template-columns:repeat(3,1fr)}.prayer-title{font-size:2.1rem}}@media (width<=600px){.prayer-section{padding:56px 0}.prayer-cards-grid{grid-template-columns:repeat(2,1fr)}.prayer-title{font-size:1.7rem}.prayer-digit-value{font-size:2.2rem}.prayer-countdown-digit{min-width:64px;padding:10px 14px 6px}.prayer-countdown-separator{font-size:1.8rem}.prayer-card{padding:22px 10px 18px}.prayer-card-time{font-size:1.65rem}}.donation-section{text-align:center;padding:80px 0}.donation-card{background:linear-gradient(135deg,#081e14e6 0%,#05140df5 100%),url(/zakat-background.jpg) 50%/cover no-repeat;border-radius:32px;padding:80px 40px;position:relative;overflow:hidden;box-shadow:0 24px 64px #081e1440}.donation-pattern{pointer-events:none;background-image:radial-gradient(at 20% 80%,#c9993c1a 0%,#0000 50%),radial-gradient(at 80% 20%,#c9993c14 0%,#0000 50%);position:absolute;inset:0}.donation-inner{z-index:1;max-width:640px;margin:0 auto;position:relative}.donation-icon-wrap{width:68px;height:68px;color:var(--gold-light);background:#c9993c33;border:1px solid #c9993c59;border-radius:20px;justify-content:center;align-items:center;margin:0 auto 24px;animation:3s ease-in-out infinite donation-pulse;display:flex}@keyframes donation-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.donation-label{justify-content:center;color:var(--gold-light)!important}.donation-label:before,.donation-label:after{background:var(--gold-light)!important}.donation-title{font-family:var(--font-display);color:#fff;margin-bottom:18px;font-size:clamp(2rem,4vw,2.9rem);font-weight:700;line-height:1.25}.donation-desc{color:#ffffffb8;margin-bottom:40px;font-size:15px;line-height:1.8}.donation-btn{border-radius:14px;padding:16px 40px;font-size:15px}@media (width<=768px){.donation-section{padding:40px 0}.donation-card{border-radius:24px;padding:64px 24px}.donation-desc{font-size:14px}.donation-btn{padding:14px 28px;font-size:14px}}.partners-section{background:#fcfdfd;border-top:1px solid #0000000d;border-bottom:1px solid #0000000d;padding:48px 0;overflow:hidden}.partners-label{text-align:center;text-transform:uppercase;letter-spacing:3px;color:var(--text-light);margin-bottom:28px;font-size:11px;font-weight:700}.partners-track-wrap{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%)}.partners-track{gap:40px;width:max-content;animation:25s linear infinite partners-scroll;display:flex}@keyframes partners-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.partner-item{flex-shrink:0}.partner-placeholder{width:160px;height:56px;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;background:#0d5c3a0f;border:1px solid #0d5c3a14;border-radius:10px;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:all .3s;display:flex}.partner-placeholder:hover{color:var(--jade);background:#0d5c3a1a;border-color:#c9993c4d}.about-page{padding-top:var(--nav-h)}.about-hero{align-items:center;min-height:380px;display:flex;position:relative;background:url(/photo1.jpg) 50% 20%/cover no-repeat!important}.about-hero-overlay{background:linear-gradient(170deg,#071a10e6,#071a10bf);position:absolute;inset:0}.about-hero-content{z-index:1;padding:80px 0 60px;position:relative}.about-hero-title{font-family:var(--font-display);color:#fff;margin-bottom:16px;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:700}.about-hero-title em{color:var(--gold-light);font-style:italic}.about-hero-sub{color:#ffffffb3;max-width:600px;font-size:16px;line-height:1.8}.about-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:56px;display:grid}.about-img-wrap{border-radius:var(--radius);box-shadow:var(--shadow-lg);border:3px solid #c9993c33;overflow:hidden}.about-img-wrap img{object-fit:cover;width:100%;height:100%;min-height:400px;display:block}.about-desc{color:var(--text-muted);margin-bottom:16px;font-size:14.5px;line-height:1.85}.about-feat-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px;display:grid}.about-feat{background:#0d5c3a0d;border:1px solid #0d5c3a1a;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;font-weight:600;display:flex}.about-feat-icon{background:var(--grad-jade);color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.about-timeline-section{position:relative;overflow:hidden}.about-timeline-pattern{background-image:radial-gradient(#0d5c3a0d 2px,#0000 2px);background-size:30px 30px;animation:15s linear infinite patternMove;position:absolute;inset:0}.timeline{max-width:800px;margin:0 auto;padding:20px 0;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--jade-pale), var(--gold-pale));width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{width:50%;padding:0 40px 40px;position:relative}.timeline-item.left{text-align:right}.timeline-item.right{left:50%}.timeline-dot{background:var(--grad-gold);border:3px solid var(--bg-soft);z-index:1;border-radius:50%;width:16px;height:16px;position:absolute;top:8px}.timeline-item.left .timeline-dot{right:-8px}.timeline-item.right .timeline-dot{left:-8px}.timeline-card{text-align:left;padding:24px}.timeline-year{background:var(--jade-pale);color:var(--jade);border-radius:var(--radius-pill);letter-spacing:1px;margin-bottom:12px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-block}.timeline-card h3{font-family:var(--font-display);color:var(--jade);margin-bottom:8px;font-size:18px;font-weight:700}.timeline-card p{color:var(--text-muted);font-size:13.5px;line-height:1.7}@media (width<=1024px){.about-grid{grid-template-columns:1fr;gap:32px}.about-img-wrap img{min-height:280px}}@media (width<=768px){.about-hero{min-height:300px}.about-feat-grid{grid-template-columns:1fr}.timeline:before{left:20px}.timeline-item,.timeline-item.right{text-align:left;width:100%;padding-left:52px;padding-right:0;left:0}.timeline-item.left{text-align:left}.timeline-dot,.timeline-item.left .timeline-dot,.timeline-item.right .timeline-dot{left:12px;right:auto}}.facilities-page{padding-top:var(--nav-h)}.fac-hero{align-items:center;min-height:360px;display:flex;position:relative;background:url(/photo1.jpg) 50% 20%/cover no-repeat!important}.fac-hero-overlay{background:linear-gradient(170deg,#071a10e6,#071a10bf);position:absolute;inset:0}.fac-hero-content{z-index:1;padding:80px 0 60px;position:relative}.fac-hero-title{font-family:var(--font-display);color:#fff;margin-bottom:16px;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:700}.fac-hero-title em{color:var(--gold-light);font-style:italic}.fac-hero-sub{color:#ffffffb3;max-width:560px;font-size:16px;line-height:1.8}.fac-grid{gap:var(--gap);grid-template-columns:repeat(3,1fr);display:grid}.fac-card{padding:0;overflow:hidden}.fac-card-img{width:100%;height:240px;position:relative;overflow:hidden}.fac-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease)}.fac-card:hover .fac-card-img img{transform:scale(1.07)}.fac-card-badge{background:var(--grad-jade);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 4px 16px #0d5c3a4d}.fac-card-body{padding:24px}.fac-card-body h3{font-family:var(--font-display);color:var(--jade);margin-bottom:10px;font-size:18px;font-weight:700}.fac-card-body p{color:var(--text-muted);font-size:13.5px;line-height:1.7}@media (width<=1024px){.fac-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.fac-hero{min-height:280px}}@media (width<=480px){.fac-grid{grid-template-columns:1fr}}.streaming-page{padding-top:var(--nav-h)}.stream-hero{align-items:center;min-height:340px;display:flex;position:relative;background:url(/photo1.jpg) 50% 20%/cover no-repeat!important}.stream-hero-overlay{background:linear-gradient(170deg,#071a10e6,#071a10bf);position:absolute;inset:0}.stream-hero-content{z-index:1;padding:80px 0 60px;position:relative}.stream-hero-title{font-family:var(--font-display);color:#fff;margin-bottom:14px;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700}.stream-hero-title em{color:var(--gold-light);font-style:italic}.stream-hero-sub{color:#ffffffb3;max-width:540px;font-size:16px;line-height:1.8}.stream-live-card{margin-bottom:60px;padding:0;position:relative;overflow:hidden}.stream-live-badge{z-index:2;color:#fff;letter-spacing:1.5px;border-radius:var(--radius-pill);background:#dc2626e6;align-items:center;gap:8px;padding:6px 16px;font-size:11px;font-weight:800;display:flex;position:absolute;top:20px;left:20px}.stream-live-dot{background:#fff;border-radius:50%;width:8px;height:8px;animation:1.5s infinite live-pulse}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.3}}.stream-player{aspect-ratio:16/9;background:#000;width:100%}.stream-player iframe{border:none;width:100%;height:100%}.stream-live-info{padding:28px 32px}.stream-live-info h2{font-family:var(--font-display);color:var(--jade);margin-bottom:10px;font-size:22px;font-weight:700}.stream-live-info p{color:var(--text-muted);margin-bottom:20px;font-size:14px;line-height:1.75}.stream-schedule{margin-bottom:60px}.public-table-wrap{border-radius:var(--radius-sm);background:#fff;border:1px solid #0d5c3a1a;overflow-x:auto}.public-table{border-collapse:collapse;text-align:left;width:100%;min-width:800px}.public-table th{background:var(--jade-dark);color:#fff;letter-spacing:1px;padding:16px 20px;font-size:13px;font-weight:700}.public-table td{color:var(--text);border-bottom:1px solid #0d5c3a14;padding:16px 20px;font-size:14.5px}.public-table tr:nth-child(2n){background:var(--jade-pale)}.public-table tr:hover{background:#0d5c3a0d}.fw-bold{font-weight:700}.mobile-table-cards{display:none}@media (width<=768px){.desktop-table{display:none}.mobile-table-cards{flex-direction:column;gap:16px;padding:16px;display:flex}.public-table-wrap{background:0 0;border:none;padding:0}}.stream-archive-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.stream-archive-card{color:inherit;padding:0;text-decoration:none;display:flex;overflow:hidden}.stream-archive-thumb{flex-shrink:0;width:200px;position:relative;overflow:hidden}.stream-archive-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.stream-archive-card:hover .stream-archive-thumb img{transform:scale(1.08)}.stream-archive-play{color:#fff;opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.stream-archive-card:hover .stream-archive-play{opacity:1}.stream-archive-info{flex-direction:column;justify-content:center;padding:20px;display:flex}.stream-archive-info h4{font-family:var(--font-display);color:var(--text);margin-bottom:8px;font-size:15px;font-weight:700;line-height:1.45}.stream-archive-info span{color:var(--text-light);font-size:12px}@media (width<=768px){.stream-schedule-grid,.stream-archive-grid{grid-template-columns:1fr}.stream-archive-card{flex-direction:column}.stream-archive-thumb{width:100%;height:180px}.stream-live-info{padding:20px}}.location-page{padding-top:var(--nav-h)}.loc-hero{align-items:center;min-height:340px;display:flex;position:relative;background:url(/photo1.jpg) 50% 20%/cover no-repeat!important}.loc-hero-overlay{background:linear-gradient(170deg,#071a10e6,#071a10bf);position:absolute;inset:0}.loc-hero-content{z-index:1;padding:80px 0 60px;position:relative}.loc-hero-title{font-family:var(--font-display);color:#fff;margin-bottom:14px;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:700}.loc-hero-title em{color:var(--gold-light);font-style:italic}.loc-hero-sub{color:#ffffffb3;max-width:540px;font-size:16px;line-height:1.8}.loc-grid{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}.loc-info-card{background:var(--grad-jade);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:40px}.loc-info-title{font-family:var(--font-display);margin-bottom:8px;font-size:24px;font-weight:700}.loc-info-sub{opacity:.7;margin-bottom:32px;font-size:14px}.loc-info-item{gap:16px;margin-bottom:24px;display:flex}.loc-info-icon{background:#ffffff1f;border:1px solid #ffffff26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.loc-info-item h4{margin-bottom:4px;font-size:14px;font-weight:700}.loc-info-item p{opacity:.8;font-size:13px;line-height:1.6}.loc-form-card{padding:36px}.loc-form-card h3{font-family:var(--font-display);color:var(--jade);margin-bottom:24px;font-size:22px;font-weight:700}.loc-form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.loc-form-group{margin-bottom:0}.loc-form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.loc-form-group input,.loc-form-group select,.loc-form-group textarea{border-radius:var(--radius-xs);width:100%;color:var(--text);background:var(--bg);border:1.5px solid #c9993c33;outline:none;padding:12px 16px;font-size:14px;transition:border-color .3s,box-shadow .3s}.loc-form-group input:focus,.loc-form-group select:focus,.loc-form-group textarea:focus{border-color:var(--jade);box-shadow:0 0 0 3px #0d5c3a1a}form>.loc-form-row+.loc-form-row,form>.loc-form-row+.loc-form-group,form>.loc-form-group+.loc-form-group{margin-top:16px}.loc-submit{width:100%;margin-top:24px;padding:14px;font-size:14px}@media (width<=768px){.loc-grid,.loc-form-row{grid-template-columns:1fr}.loc-info-card{padding:28px}.loc-form-card{padding:24px}}.donation-page{padding-top:var(--nav-h)}.don-hero{align-items:center;min-height:360px;display:flex;position:relative;background:url(/photo1.jpg) 50% 20%/cover no-repeat!important}.don-hero-overlay{background:linear-gradient(170deg,#071a10e6,#071a10bf);position:absolute;inset:0}.don-hero-content{z-index:1;padding:80px 0 60px;position:relative}.don-hero-title{font-family:var(--font-display);color:#fff;margin-bottom:14px;font-size:clamp(2.4rem,5vw,3.4rem);font-weight:700}.don-hero-title em{color:var(--gold-light);font-style:italic}.don-hero-sub{color:#ffffffb3;max-width:560px;font-size:16px;line-height:1.8}.don-cat-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:80px;display:grid}.don-cat-card{text-align:center;transition:transform .3s var(--ease), box-shadow .3s var(--ease);padding:32px 24px}.don-cat-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0d5c3a0d}.don-cat-emoji{margin-bottom:16px;font-size:40px;display:block}.don-cat-card h3{font-family:var(--font-display);color:var(--jade);margin-bottom:8px;font-size:17px;font-weight:700}.don-cat-card p{color:var(--text-muted);font-size:13px;line-height:1.6}.don-methods{margin-bottom:60px}.don-methods-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.don-method-card{transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s ease;border:1px solid #c9993c1f;padding:32px}.don-method-card:hover{border-color:#c9993c66;transform:translateY(-5px);box-shadow:0 20px 40px #0d5c3a14}.don-method-icon{background:var(--jade-pale);width:56px;height:56px;color:var(--jade);border-radius:14px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.don-method-card h3{font-family:var(--font-display);color:var(--text);margin-bottom:20px;font-size:20px;font-weight:700}.don-bank-item{border-radius:var(--radius-sm);background:#ffffff80;border:1px solid #c9993c26;margin-bottom:12px;padding:16px;transition:background .3s,border-color .3s}.don-bank-item:hover{border-color:var(--jade);background:#fff}.don-bank-name{color:var(--jade);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:700}.don-bank-no{color:var(--text);letter-spacing:.5px;justify-content:space-between;align-items:center;margin-bottom:4px;font-family:Poppins,sans-serif;font-size:20px;font-weight:700;display:flex}.don-copy-btn{background:var(--jade-pale);width:32px;height:32px;color:var(--jade);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.don-copy-btn:hover{background:var(--jade);color:#fff}.don-bank-holder{color:var(--text-muted);font-size:12px}.don-qris-desc{color:var(--text-muted);margin-bottom:20px;font-size:14px;line-height:1.7}.don-qris-placeholder{justify-content:center;display:flex}.don-qris-box{border-radius:var(--radius);width:200px;height:200px;color:var(--text-muted);background:#fff;border:1px solid #c9993c4d;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;box-shadow:0 4px 14px #0d5c3a0a}.don-qris-box p{font-size:14px;font-weight:700}.don-qris-box span{opacity:.6;font-size:11px}@media (width<=1024px){.don-cat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.don-methods-grid{grid-template-columns:1fr}}@media (width<=580px){.don-cat-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:40px}.don-cat-card{padding:20px 12px}.don-cat-emoji{margin-bottom:10px;font-size:30px}.don-cat-card h3{margin-bottom:4px;font-size:14px}.don-cat-card p{font-size:11px;line-height:1.4}.don-method-card{padding:20px}}.berita-page{padding-top:var(--nav-h)}.berita-hero{align-items:center;min-height:380px;display:flex;position:relative;background:url(/photo1.jpg) 50% 20%/cover no-repeat!important}.berita-hero-overlay{background:linear-gradient(170deg,#071a10eb,#071a10cc);position:absolute;inset:0}.berita-hero-content{z-index:1;text-align:center;padding:80px 0 60px;position:relative}.berita-hero-badge{color:var(--gold-light);letter-spacing:1px;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;font-weight:600;display:inline-flex}.berita-hero-title{font-family:var(--font-display);color:#fff;margin-bottom:16px;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:700}.berita-hero-title em{color:var(--gold-light);font-style:italic}.berita-hero-sub{color:#ffffffbf;max-width:600px;margin:0 auto 36px;font-size:16px;line-height:1.8}.berita-search-wrap{max-width:500px;margin:0 auto;position:relative}.berita-search-icon{color:var(--text-muted);position:absolute;top:50%;left:20px;transform:translateY(-50%)}.berita-search-input{border-radius:var(--radius-pill);width:100%;color:var(--text);transition:all .3s var(--ease);background:#fffffff2;border:1px solid #ffffff1a;outline:none;padding:16px 20px 16px 50px;font-size:15px;box-shadow:0 8px 30px #00000026}.berita-search-input:focus{border-color:var(--jade);background:#fff;box-shadow:0 0 0 4px #0d5c3a33}.berita-content{background:var(--bg-soft);padding:60px 0 100px}.berita-categories{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.berita-cat-btn{border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;background:#fff;border:1px solid #c9993c4d;padding:8px 20px;font-size:13.5px;font-weight:500;transition:all .2s}.berita-cat-btn:hover{background:var(--jade-pale);color:var(--jade);border-color:var(--jade-pale)}.berita-cat-btn.active{background:var(--jade);color:#fff;border-color:var(--jade);box-shadow:0 4px 12px #0d5c3a40}.berita-bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:20px;margin-bottom:60px;display:grid}.bento-item{border-radius:var(--radius);color:#fff;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease), box-shadow .3s var(--ease);align-items:flex-end;text-decoration:none;display:flex;position:relative;overflow:hidden}.bento-item:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0d5c3a26}.bento-item-img{z-index:1;position:absolute;inset:0}.bento-item-img img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease)}.bento-item:hover .bento-item-img img{transform:scale(1.04)}.bento-item-overlay{z-index:2;background:linear-gradient(#0000 0%,#0725174d 40%,#072517f2 90%);position:absolute;inset:0}.bento-item-content{z-index:3;width:100%;padding:24px;position:relative}.bento-item-badge{background:var(--gold);color:var(--text);border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-block}.bento-item-title{font-family:var(--font-display);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:18px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.bento-item-1 .bento-item-title{font-size:24px}.bento-item-meta{color:#ffffffb3;align-items:center;gap:6px;font-size:11px;display:flex}@media (width>=901px){.bento-item-1{grid-area:span 2/span 2}.bento-item-2,.bento-item-3,.bento-item-4,.bento-item-5{grid-area:span 1/span 1}}.berita-portal-layout{grid-template-columns:1fr 300px;align-items:start;gap:40px;display:grid}.section-title-divider{font-family:var(--font-display);color:var(--text);border-left:4px solid var(--jade);margin-bottom:28px;padding-left:12px;font-size:22px;font-weight:800}.section-title-divider span{color:var(--jade);font-style:italic}.berita-main-list-wrap{flex-grow:1}.berita-vertical-list{flex-direction:column;gap:20px;display:flex}.berita-horizontal-card{border-radius:var(--radius);transition:transform .3s var(--ease), box-shadow .3s var(--ease);gap:24px;padding:0;display:flex;overflow:hidden}.berita-horizontal-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0d5c3a0f}.bh-card-img{flex-shrink:0;width:240px;height:160px;position:relative;overflow:hidden}.bh-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease)}.berita-horizontal-card:hover .bh-card-img img{transform:scale(1.05)}.bh-card-badge{background:var(--jade);color:#fff;border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;font-size:9px;font-weight:700;position:absolute;top:12px;left:12px}.bh-card-body{flex-direction:column;flex-grow:1;justify-content:center;padding:20px 24px 20px 0;display:flex}.bh-card-meta{color:var(--text-muted);align-items:center;gap:4px;margin-bottom:8px;font-size:11.5px;display:flex}.bh-card-title{font-family:var(--font-display);color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:18px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.bh-card-excerpt{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:13.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.bh-card-link{color:var(--jade);transition:gap .2s var(--ease);align-items:center;gap:4px;margin-top:auto;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.berita-horizontal-card:hover .bh-card-link{color:var(--gold-deep);gap:8px}.berita-sidebar{flex-direction:column;gap:30px;display:flex}.sidebar-widget{border-radius:var(--radius);padding:24px}.widget-title{font-family:var(--font-display);color:var(--text);text-transform:uppercase;letter-spacing:.5px;border-bottom:1.5px solid #0000000d;margin-bottom:20px;padding-bottom:8px;font-size:16px;font-weight:800}.widget-title span{color:var(--jade)}.popular-list{flex-direction:column;gap:16px;display:flex}.popular-item{color:inherit;gap:16px;text-decoration:none;display:flex}.popular-number{color:#0d5c3a26;transition:color .2s var(--ease);font-size:24px;font-weight:800;line-height:1}.popular-item:hover .popular-number{color:var(--jade)}.popular-info{flex-direction:column;gap:4px;display:flex}.popular-title{color:var(--text);-webkit-line-clamp:2;transition:color .2s var(--ease);-webkit-box-orient:vertical;margin:0;font-size:13.5px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.popular-item:hover .popular-title{color:var(--jade)}.popular-date{color:var(--text-muted);font-size:11px}.tag-cloud{flex-wrap:wrap;gap:8px;display:flex}.tag-pill{border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;transition:all .2s var(--ease);background:#fff;border:1px solid #0d5c3a26;padding:6px 12px;font-size:11.5px;font-weight:600}.tag-pill:hover{background:var(--jade-pale);color:var(--jade);border-color:var(--jade)}.tag-pill.active{background:var(--jade);color:#fff;border-color:var(--jade)}.berita-empty{text-align:center;border-radius:var(--radius);background:#fff;border:1.5px dashed #0d5c3a26;padding:60px 24px}.berita-empty p{color:var(--text-muted);margin:0;font-size:15px}@media (width<=900px){.berita-bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}.bento-item-1{grid-area:span 2/span 2}.bento-item-2,.bento-item-3,.bento-item-4,.bento-item-5{grid-area:span 1/span 1}.berita-portal-layout{grid-template-columns:1fr;gap:40px}.berita-sidebar{grid-template-columns:repeat(2,1fr);gap:24px}}@media (width<=768px){.berita-horizontal-card{flex-direction:column;gap:0}.bh-card-img{width:100%;height:180px}.bh-card-body{padding:20px}.berita-sidebar{grid-template-columns:1fr}}@media (width<=600px){.berita-bento-grid{grid-template-columns:1fr;grid-auto-rows:180px}.bento-item-1,.bento-item-2,.bento-item-3,.bento-item-4,.bento-item-5{grid-area:span 1/span 1}.bento-item-1 .bento-item-title{font-size:18px}}.berita-detail-page{padding:calc(var(--nav-h) + 40px) 0 80px;background:var(--bg-soft);min-height:100vh}.bdetail-container{max-width:860px;margin:0 auto;padding:0 20px}.bdetail-breadcrumb{max-width:820px;color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0 auto 24px;font-size:13.5px;font-weight:500;display:flex}.bdetail-breadcrumb a{color:var(--text-muted);transition:color .2s var(--ease);text-decoration:none}.bdetail-breadcrumb a:hover{color:var(--jade)}.breadcrumb-separator{color:#00000026;font-family:monospace}.breadcrumb-active{color:var(--text);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.bdetail-page-card{border-radius:var(--radius);background:#fff;border:1px solid #0d5c3a14;max-width:820px;margin:0 auto;padding:48px;box-shadow:0 12px 36px #0d5c3a0a}.bdetail-header-section{text-align:left;margin-bottom:32px}.bdetail-category-badge{background:var(--jade-pale);color:var(--jade-dark);border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.bdetail-title-main{font-family:var(--font-display);color:var(--text);margin-bottom:18px;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;line-height:1.3}.bdetail-meta-row{color:var(--text-muted);border-bottom:1px solid #0000000f;flex-wrap:wrap;align-items:center;gap:16px;padding-bottom:16px;font-size:13px;display:flex}.meta-item{align-items:center;gap:6px;display:flex}.bdetail-featured-image{border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-sm);margin-bottom:36px;overflow:hidden}.bdetail-featured-image img{object-fit:cover;width:100%;height:auto;max-height:420px;display:block}.bdetail-content-section{width:100%}.bdetail-article-body{color:var(--text);margin-bottom:40px;font-size:16px;line-height:1.85}.bdetail-article-body p{text-align:justify;margin-bottom:20px}.bdetail-article-body ul{margin:20px 0 24px;padding-left:28px;list-style-type:disc}.bdetail-article-body ul li{margin-bottom:8px}.bdetail-article-body ol{margin:20px 0 24px;padding-left:28px;list-style-type:decimal}.bdetail-article-body ol li{margin-bottom:8px}.bdetail-article-body blockquote{border-left:4px solid var(--jade);color:var(--jade-dark);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#0d5c3a08;margin:28px 0;padding:16px 24px;font-size:17px;font-style:italic;line-height:1.6}.bdetail-article-body h3,.bdetail-article-body h4{font-family:var(--font-display);color:var(--jade-dark);font-weight:700}.bdetail-article-body h3{margin:32px 0 16px;font-size:20px}.bdetail-article-body h4{margin:24px 0 12px;font-size:18px}.bdetail-additional-info{border-left:4px solid var(--jade);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#0d5c3a08;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px;padding:16px 20px;display:grid}.info-item{flex-direction:column;gap:4px;display:flex}.info-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-size:11px;font-weight:700}.info-value{color:var(--text);font-size:13.5px;font-weight:600}.bdetail-share-section{border-top:1px solid #0000000f;padding-top:28px}.share-title{color:var(--text);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:13px;font-weight:700}.share-buttons-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.share-btn{border-radius:var(--radius-xs);cursor:pointer;transition:all .2s var(--ease);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.share-wa{color:#fff;background:#25d366}.share-wa:hover{background:#20ba5a;transform:translateY(-2px);box-shadow:0 4px 12px #25d36633}.share-fb{color:#fff;background:#1877f2}.share-fb:hover{background:#1565d8;transform:translateY(-2px);box-shadow:0 4px 12px #1877f233}.share-tg{color:#fff;background:#08c}.share-tg:hover{background:#0077b3;transform:translateY(-2px);box-shadow:0 4px 12px #08c3}.share-copy{color:var(--text);background:#f1f3f2}.share-copy:hover{background:#e2e5e3;transform:translateY(-2px)}.bdetail-related-section{border-top:1.5px dashed #0d5c3a1f;max-width:820px;margin:60px auto 0;padding-top:48px}.related-section-header{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.related-section-title{font-family:var(--font-display);color:var(--text);font-size:22px;font-weight:800}.related-section-title span{color:var(--jade);font-style:italic}.btn-view-all{color:var(--jade);transition:color .2s var(--ease);font-size:13px;font-weight:700;text-decoration:none}.btn-view-all:hover{color:var(--gold-deep)}.related-cards-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.related-news-card{border-radius:var(--radius);color:inherit;transition:transform .3s var(--ease), box-shadow .3s var(--ease);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.related-news-card:hover{transform:translateY(-6px);box-shadow:0 16px 36px #0d5c3a14}.related-card-thumb{aspect-ratio:16/10;width:100%;overflow:hidden}.related-card-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease)}.related-news-card:hover .related-card-thumb img{transform:scale(1.04)}.related-card-content{flex-direction:column;flex-grow:1;padding:16px;display:flex}.related-card-badge{color:var(--jade);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:10px;font-weight:700}.related-card-heading{font-family:var(--font-display);color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:10px;font-size:14.5px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.related-card-meta-date{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:flex}@media (width<=900px){.related-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.bdetail-page-card{padding:32px 24px}.bdetail-additional-info{grid-template-columns:1fr;gap:12px}.share-buttons-grid{grid-template-columns:repeat(2,1fr)}.bdetail-featured-image{border-radius:var(--radius-sm)}}@media (width<=600px){.related-cards-grid,.share-buttons-grid{grid-template-columns:1fr}}.admin-page{padding:calc(var(--nav-h) + 40px) 0 80px;background:var(--bg);min-height:100vh}.login-mode{justify-content:center;align-items:center;display:flex}.login-card{text-align:center;max-width:420px;margin:0 auto;padding:40px}.login-icon{background:var(--jade-pale);width:64px;height:64px;color:var(--jade);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.login-card h2{font-family:var(--font-display);color:var(--text);margin-bottom:8px;font-size:28px}.login-card p{color:var(--text-muted);margin-bottom:24px;font-size:14px}.login-form input{border-radius:var(--radius-xs);border:1px solid #ccc;outline:none;width:100%;margin-bottom:16px;padding:14px;font-size:15px}.login-form input:focus{border-color:var(--jade)}.login-form button{border-radius:var(--radius-xs);width:100%;padding:14px;font-size:15px}.login-error{color:#ef4444;margin-bottom:16px;font-size:13px;font-weight:500;display:block}.admin-header{margin-bottom:40px}.admin-title{font-family:var(--font-display);color:var(--jade);margin-bottom:8px;font-size:32px;font-weight:700}.admin-subtitle{color:var(--text-muted);margin-bottom:24px;font-size:15px}.admin-alert{border-left:4px solid var(--gold);border-radius:4px var(--radius-xs) var(--radius-xs) 4px;color:var(--gold-deep);background:#c9993c1a;align-items:center;gap:12px;padding:14px 20px;font-size:14px;font-weight:500;display:flex}.admin-grid{flex-direction:column;gap:40px;display:flex}.admin-card{border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #0d5c3a14;padding:32px}.admin-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-card-title{font-family:var(--font-display);color:var(--text);font-size:22px;font-weight:700}.admin-form{max-width:600px}.news-admin-form{max-width:100%!important}.form-group{margin-bottom:20px}.form-group label{color:var(--text-muted);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-group input,.form-group select{border-radius:var(--radius-xs);width:100%;font-family:var(--font-body);border:1px solid #ccc;outline:none;padding:12px 16px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--jade);box-shadow:0 0 0 3px #0d5c3a1a}.form-help{color:#888;margin-top:6px;font-size:12px;display:block}.form-actions{align-items:center;gap:16px;margin-top:32px;display:flex}.save-status{font-size:14px;font-weight:600}.text-jade{color:var(--jade)}.admin-table-wrap{border-radius:var(--radius-xs);border:1px solid #eee;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;min-width:800px}.admin-table th{background:var(--bg-soft);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #ddd;padding:14px 16px;font-size:13px;font-weight:600}.admin-table td{color:var(--text);vertical-align:middle;border-bottom:1px solid #eee;padding:14px 16px;font-size:14px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover{background:#0d5c3a05}.edit-input{border:1px solid var(--jade);border-radius:4px;outline:none;width:100%;padding:8px 12px;font-size:14px}.badge-type{border-radius:var(--radius-pill);letter-spacing:.5px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.type-kajian{background:var(--jade-pale);color:var(--jade-dark)}.type-khutbah{background:var(--gold-pale);color:var(--gold-deep)}.type-live{color:#b91c1c;background:#fee2e2}.action-cell{gap:8px;display:flex}.btn-icon{cursor:pointer;width:32px;height:32px;color:var(--text-muted);background:#f4f4f4;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-edit:hover{background:var(--jade-pale);color:var(--jade)}.btn-delete:hover{color:#ef4444;background:#fee2e2}.btn-save{background:var(--jade-pale);color:var(--jade)}.btn-save:hover{background:var(--jade);color:#fff}.btn-cancel{color:#ef4444;background:#fee2e2}.btn-cancel:hover{color:#fff;background:#ef4444}.btn-outline{border-radius:var(--radius-xs);border:1px solid var(--jade);color:var(--jade);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-outline:hover{background:var(--jade);color:#fff}.mobile-cards-preview{border-radius:var(--radius);background:#f8faf9;border:1px solid #eee;flex-direction:column;gap:16px;max-width:480px;padding:24px;display:flex}.mobile-sched-card{border-radius:var(--radius-sm);background:#fff;border:1px solid #0d5c3a1a;flex-direction:column;gap:8px;padding:20px;display:flex;box-shadow:0 4px 12px #0000000a}.card-day-badge{background:var(--jade-pale);color:var(--jade-dark);border-radius:var(--radius-xs);align-self:flex-start;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.card-time{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.card-program{font-family:var(--font-display);color:var(--text);margin-top:4px;font-size:18px;font-weight:700}.card-ustadz{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:8px;font-size:14px;display:flex}@media (width<=768px){.admin-card{padding:20px}.admin-card-header{flex-direction:column;align-items:flex-start}.desktop-table{display:none}.admin-preview-section{border:none;margin-top:0;padding-top:0}.preview-title,.preview-subtitle{display:none}.mobile-cards-preview{background:0 0;border:none;max-width:100%;padding:0}}.editor-toolbar{border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:#0d5c3a0a;border:1px solid #0d5c3a26;border-bottom:none;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;display:flex}.toolbar-btn{color:var(--jade);cursor:pointer;background:#fff;border:1px solid #0d5c3a2e;border-radius:4px;justify-content:center;align-items:center;min-height:28px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.toolbar-btn:hover{background:var(--jade);color:#fff;border-color:var(--jade)}.toolbar-separator{background:#0d5c3a2e;width:1px;height:18px;margin:0 4px}.rich-editor-wrapper div[contenteditable] ul{margin:12px 0!important;padding-left:24px!important;list-style-type:disc!important}.rich-editor-wrapper div[contenteditable] ol{margin:12px 0!important;padding-left:24px!important;list-style-type:decimal!important}.rich-editor-wrapper div[contenteditable] li{margin-bottom:4px;display:list-item!important}