:root{
  --green-950:#073f32;--green-900:#0b4d3c;--green-800:#11624c;--gold:#c7a454;--gold-soft:#e4d09a;--ivory:#f8f5ed;--ink:#16231e;
}
html{scroll-behavior:smooth} body{font-size:17px;color:var(--ink);background:#fff}
.brand-green{color:var(--green-900)} .bg-brand{background:var(--green-900)} .bg-ivory{background:var(--ivory)}
.nav-link{position:relative;padding:.6rem .15rem;font-weight:650;color:#33413b;transition:.2s ease}
.nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--gold);transition:.2s ease}
.nav-link:hover,.nav-link.is-active{color:var(--green-900)} .nav-link:hover:after,.nav-link.is-active:after{right:0}
.gold-rule{height:3px;width:54px;background:var(--gold);border-radius:999px}
.pattern{background-image:radial-gradient(circle at 1px 1px,rgba(199,164,84,.18) 1px,transparent 0);background-size:24px 24px}
.hero-overlay{background:linear-gradient(90deg,rgba(5,54,42,.92) 0%,rgba(5,54,42,.76) 47%,rgba(5,54,42,.22) 100%)}
.card-lift{transition:transform .22s ease,box-shadow .22s ease}.card-lift:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(7,63,50,.12)}
.prayer-card.active{background:var(--green-900);color:#fff;border-color:var(--green-900)}
.prayer-card.active .prayer-muted{color:#dbeae5}
.prose-masjid p{margin-bottom:1.15rem;line-height:1.8}.prose-masjid h2{font-family:Georgia,serif;font-size:1.75rem;font-weight:700;margin:2rem 0 1rem;color:var(--green-950)}
.admin-input{width:100%;border:1px solid #d7dedb;border-radius:.8rem;padding:.75rem .9rem;background:#fff;outline:none}.admin-input:focus{border-color:#0b4d3c;box-shadow:0 0 0 3px rgba(11,77,60,.1)}
@media (max-width:767px){body{padding-bottom:72px}.hero-overlay{background:linear-gradient(0deg,rgba(5,54,42,.94) 0%,rgba(5,54,42,.65) 62%,rgba(5,54,42,.2) 100%)}}