*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#f9fafb;color:#111827;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.section-alt{background:#fff}.section-label{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--org-accent);margin-bottom:8px}.section-heading{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;color:var(--org-primary);margin-bottom:12px;line-height:1.25}.section-body{font-size:1.05rem;color:#4b5563;max-width:680px;line-height:1.8;margin-bottom:48px}.header{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 1px 4px #00000014}.header-accent{height:3px}.header-body{display:flex;align-items:center;justify-content:space-between;padding:0 24px;max-width:1200px;margin:0 auto;height:68px;gap:20px}.org-logo{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.org-logo-icon{width:44px;height:44px;border-radius:12px;background:var(--org-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.org-logo-name{font-size:1.05rem;font-weight:700;color:var(--org-primary);line-height:1.2}.org-logo-denom{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#9ca3af}.header-nav{display:flex;align-items:center;gap:24px;list-style:none;flex:1;justify-content:center}.header-nav a{text-decoration:none;font-size:14px;font-weight:500;color:#374151;transition:color .2s;padding:4px 0;border-bottom:2px solid transparent}.header-nav a:hover{color:var(--org-primary);border-bottom-color:var(--org-primary)}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-member{font-size:13px;font-weight:600;color:var(--org-primary);background:transparent;border:2px solid var(--org-primary);border-radius:100px;padding:7px 18px;cursor:pointer;transition:all .2s;white-space:nowrap;line-height:1}.btn-member:hover{background:var(--org-primary);color:#fff}.btn-admin{font-size:13px;font-weight:700;color:#1c1200;background:#d4a017;border:none;border-radius:100px;padding:8px 18px;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap;line-height:1;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 8px #d4a01759;letter-spacing:.01em}.btn-admin:hover{background:#b8860b;color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #b8860b73}.btn-admin-icon{font-size:14px}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:6px;color:#374151;flex-direction:column;gap:5px}.hamburger span{display:block;width:22px;height:2px;background:currentColor;border-radius:2px;transition:all .2s}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{position:fixed;top:71px;left:0;right:0;background:#fff;box-shadow:0 8px 24px #0000001f;z-index:99;padding:16px 24px 24px;display:flex;flex-direction:column;gap:4px;border-top:1px solid #F3F4F6}.mobile-nav a{text-decoration:none;font-size:15px;font-weight:500;color:#374151;padding:10px 12px;border-radius:8px;transition:all .15s;display:block}.mobile-nav a:hover{background:#f9fafb;color:var(--org-primary)}.mobile-nav-divider{height:1px;background:#f3f4f6;margin:8px 0}.mobile-nav-btns{display:flex;flex-direction:column;gap:8px;padding-top:4px}.mobile-nav-btns .btn-member,.mobile-nav-btns .btn-admin{text-align:center;justify-content:center;padding:12px 18px;font-size:14px}@media(max-width:900px){.header-nav{display:none}.hamburger{display:flex}}.hero{min-height:540px;display:flex;align-items:center;color:#fff;position:relative;overflow:hidden;padding:80px 24px}.hero-inner{max-width:1200px;margin:0 auto;width:100%;position:relative;z-index:1}.hero-bismillah{font-size:1.8rem;direction:rtl;margin-bottom:16px;opacity:.9;font-family:Scheherazade New,Noto Naskh Arabic,Times New Roman,serif}.hero-headline{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;line-height:1.15;margin-bottom:18px;white-space:pre-line;text-shadow:0 2px 12px rgba(0,0,0,.2)}.hero-subtext{font-size:clamp(1rem,2vw,1.2rem);opacity:.88;max-width:580px;line-height:1.75;margin-bottom:36px}.hero-cta{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--org-primary);font-weight:700;font-size:15px;padding:14px 30px;border-radius:100px;text-decoration:none;transition:all .2s;box-shadow:0 4px 20px #0003}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00000040}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 75% 50%,rgba(255,255,255,.06) 0%,transparent 65%)}.hero-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;background-image:repeating-linear-gradient(45deg,white 0,white 1px,transparent 0,transparent 50%);background-size:20px 20px}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}.about-verse{background:var(--org-primary);color:#fff;padding:24px 28px;border-radius:14px;font-style:italic;font-size:1.05rem;line-height:1.8;margin-top:28px;position:relative}.about-verse:before{content:'"';font-size:5rem;line-height:1;position:absolute;top:-10px;left:16px;opacity:.2;font-family:Georgia,serif}.about-visual{background:var(--org-primary);border-radius:24px;aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:32px}.about-visual-crest{font-size:5rem;margin-bottom:16px;opacity:.85}.about-visual-name{font-size:1.3rem;font-weight:700;margin-bottom:6px}.about-visual-denom{font-size:13px;opacity:.75;line-height:1.5}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.branch-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #00000012;border:1px solid #F3F4F6;transition:all .2s;border-top:4px solid var(--org-primary)}.branch-card:hover{box-shadow:0 8px 28px #0000001f;transform:translateY(-3px)}.branch-icon{font-size:2rem;margin-bottom:12px}.branch-name{font-size:1.1rem;font-weight:700;color:var(--org-primary);margin-bottom:4px}.branch-area{font-size:13px;color:#9ca3af;margin-bottom:10px;display:flex;align-items:center;gap:4px}.branch-service{font-size:14px;color:#4b5563}.branch-service strong{color:var(--org-primary)}.service-table-wrap{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #00000012;border:1px solid #F3F4F6}.service-table{width:100%;border-collapse:collapse}.service-table th{background:var(--org-primary);color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:14px 20px;text-align:left}.service-table td{padding:14px 20px;font-size:14px;border-bottom:1px solid #F9FAFB}.service-table tr:last-child td{border-bottom:none}.service-table tr:hover td{background:#fafafa}.service-day{font-weight:700;color:var(--org-accent);font-size:13px}.service-name{font-weight:600;color:#111827}.service-time{font-weight:700;color:var(--org-primary);font-size:1rem}.service-note{font-size:12px;color:#9ca3af;margin-top:2px}.prayer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.prayer-card{background:var(--org-primary);color:#fff;border-radius:16px;padding:22px 16px;text-align:center;transition:transform .2s}.prayer-card:hover{transform:translateY(-3px)}.prayer-card.jumuah{background:linear-gradient(135deg,var(--org-accent) 0%,#9A520A 100%);grid-column:span 2}.prayer-arabic{font-size:1.3rem;margin-bottom:4px;font-family:Noto Naskh Arabic,serif}.prayer-name{font-size:1rem;font-weight:700;margin-bottom:6px}.prayer-time{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums}.prayer-note{font-size:11px;opacity:.75;margin-top:6px;line-height:1.4}.ministry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.ministry-card{background:#fff;border-radius:14px;padding:22px;box-shadow:0 2px 10px #0000000f;border:1px solid #F3F4F6;display:flex;flex-direction:column;gap:8px;transition:all .2s}.ministry-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.ministry-dot{width:36px;height:36px;border-radius:10px;background:var(--org-primary);opacity:.1;margin-bottom:4px;position:relative}.ministry-icon{width:36px;height:36px;border-radius:10px;background:var(--org-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:8px;flex-shrink:0}.ministry-name{font-size:1rem;font-weight:700;color:#111827}.ministry-desc{font-size:14px;color:#6b7280;line-height:1.6}.give-section{background:var(--org-primary)!important;color:#fff}.give-section .section-label{color:#fff9}.give-section .section-heading{color:#fff}.give-section .section-body{color:#ffffffd1}.give-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.give-card{background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:28px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.give-card-title{font-size:1.1rem;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:10px}.give-method{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12)}.give-method:last-child{border-bottom:none}.give-method-icon{width:42px;height:42px;background:#ffffff26;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.give-method-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;opacity:.65;margin-bottom:4px}.give-method-value{font-size:1.15rem;font-weight:800;letter-spacing:.02em}.give-method-sub{font-size:13px;opacity:.75;margin-top:3px}.footer{background:#0f172a;color:#94a3b8;padding:56px 0 24px}.footer-inner{max-width:1200px;margin:0 auto 48px;padding:0 24px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px}.footer-brand-name{font-size:1.2rem;font-weight:800;color:#fff;margin-bottom:4px}.footer-brand-denom{font-size:13px;margin-bottom:20px}.footer-verse{font-style:italic;font-size:13px;line-height:1.9;color:#64748b;border-left:3px solid var(--org-accent);padding-left:16px}.footer-col-heading{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#cbd5e1;margin-bottom:16px}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a{color:#94a3b8;text-decoration:none;font-size:14px;transition:color .2s}.footer-links a:hover{color:#fff}.footer-contact-item{font-size:14px;display:flex;align-items:flex-start;gap:8px;margin-bottom:10px}.footer-bottom{max-width:1200px;margin:0 auto;padding:20px 24px 0;border-top:1px solid #1E293B;display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:16px}.footer-powered{display:flex;align-items:center;gap:8px;color:#475569;text-decoration:none;font-size:13px}.footer-powered:hover{color:#94a3b8}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.modal-box{background:#fff;border-radius:20px;padding:28px;width:100%;max-width:400px;box-shadow:0 24px 64px #00000040;position:relative}.modal-close{position:absolute;top:20px;right:20px;background:#f3f4f6;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#6b7280;transition:all .15s}.modal-close:hover{background:#e5e7eb;color:#111827}.modal-title{font-size:1.3rem;font-weight:800;color:var(--org-primary);margin-bottom:4px}.modal-subtitle{font-size:14px;color:#9ca3af;margin-bottom:24px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.form-input{width:100%;padding:11px 14px;border:1.5px solid #E5E7EB;border-radius:10px;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s;background:#fff;color:#111827}.form-input:focus{border-color:var(--org-primary);box-shadow:0 0 0 3px rgba(var(--org-primary-rgb),.1)}.btn-submit{width:100%;background:var(--org-primary);color:#fff;border:none;border-radius:10px;padding:13px;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .2s,transform .1s;margin-top:4px}.btn-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.alert-error{background:#fef2f2;color:#b91c1c;border-radius:8px;padding:10px 14px;font-size:14px;margin-bottom:16px;border:1px solid #FCA5A5}.church-option{width:100%;text-align:left;padding:12px 16px;border:1.5px solid #E5E7EB;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:8px;background:#fff;color:#111827}.church-option:hover{border-color:var(--org-primary);background:#f5f3ff}.church-select-prompt{font-size:14px;color:#6b7280;margin-bottom:16px}.member-trigger{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:100px;transition:background .15s}.member-trigger:hover{background:#f3f4f6}.member-avatar{width:32px;height:32px;border-radius:50%;background:var(--org-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.member-name{font-size:14px;font-weight:600;color:#374151;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:210px;background:#fff;border-radius:14px;box-shadow:0 8px 28px #00000024;border:1px solid #E5E7EB;overflow:hidden;z-index:102}.member-dropdown-header{padding:12px 16px;border-bottom:1px solid #F3F4F6}.member-dropdown-header .name{font-size:14px;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-dropdown-header .email{font-size:12px;color:#9ca3af}.member-dropdown-item{display:block;padding:10px 16px;font-size:14px;color:#374151;text-decoration:none;cursor:pointer;background:none;border:none;width:100%;text-align:left;transition:background .15s}.member-dropdown-item:hover{background:#f9fafb}.member-dropdown-item.danger{color:#dc2626}.member-dropdown-item.danger:hover{background:#fef2f2}.member-dropdown-divider{height:1px;background:#f3f4f6}@media(max-width:900px){.about-grid{grid-template-columns:1fr;gap:32px}.about-visual{display:none}.give-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr;gap:32px}.prayer-card.jumuah{grid-column:span 1}}@media(max-width:600px){.section{padding:56px 0}.hero{padding:60px 16px;min-height:auto}.footer-inner{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.service-table thead{display:none}.service-table tr{display:block;border-bottom:1px solid #F3F4F6;padding:12px 0}.service-table td{display:block;padding:2px 20px;border:none}}