:root {
  --gold:#C9973A;--gold-light:#E8C97A;--gold-pale:#FDF6E8;
  --green-deep:#1A3A2A;--green-mid:#2D5A3D;--green-light:#EAF3ED;
  --cream:#FAF8F3;--white:#FFFFFF;
  --text:#1C1C1C;--text-mid:#4B5563;--text-muted:#9CA3AF;
  --border:#E5DDD0;--radius:12px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--cream);color:var(--text);font-family:'Inter',sans-serif;min-height:100vh;display:flex;flex-direction:column;}
a{color:var(--green-mid);text-decoration:none;}
a:hover{text-decoration:underline;}

.site-header{background:var(--green-deep);border-bottom:3px solid var(--gold);padding:1.1rem 1.25rem 0;position:sticky;top:0;z-index:100;}
.header-inner{max-width:1100px;margin:0 auto;}
.header-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:0.85rem;flex-wrap:wrap;}
.site-brand{display:flex;align-items:center;gap:0.65rem;text-decoration:none;}
.brand-moon{font-size:1.5rem;color:var(--gold);filter:drop-shadow(0 0 6px rgba(201,151,58,0.4));}
.brand-name{font-family:'Amiri',serif;font-size:1.25rem;color:#fff;line-height:1.1;}
.brand-tagline{font-size:0.65rem;color:var(--gold-light);opacity:0.7;font-weight:300;}
.header-search{display:flex;gap:0;border-radius:999px;overflow:hidden;border:1px solid rgba(201,151,58,0.3);flex:1;max-width:340px;}
.search-input{flex:1;background:rgba(255,255,255,0.07);color:#fff;border:none;padding:0.48rem 1rem;font-size:0.82rem;font-family:'Inter',sans-serif;outline:none;}
.search-input::placeholder{color:rgba(255,255,255,0.35);}
.search-btn{background:var(--gold);color:var(--green-deep);border:none;padding:0.48rem 1rem;font-size:0.78rem;font-weight:600;font-family:'Inter',sans-serif;cursor:pointer;}
.filter-nav{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;margin:0 -1.25rem;padding:0 1.25rem;}
.filter-nav::-webkit-scrollbar{display:none;}
.filter-link{font-size:0.75rem;color:rgba(232,201,122,0.65);white-space:nowrap;padding:0.5rem 0.85rem;border-bottom:2px solid transparent;transition:color 0.14s,border-color 0.14s;text-decoration:none;flex-shrink:0;}
.filter-link:hover{color:var(--gold);text-decoration:none;}
.filter-link.active{color:var(--gold);border-bottom-color:var(--gold);}

.site-main{flex:1;}
.page-wrap{max-width:1100px;margin:0 auto;padding:2rem 1.25rem 4rem;}

.home-hero{background:var(--green-deep);border-radius:var(--radius);padding:2.75rem 2rem;text-align:center;margin-bottom:2rem;}
.hero-bismillah{font-family:'Amiri',serif;font-size:1.6rem;color:var(--gold);margin-bottom:0.6rem;}
.hero-title{font-family:'Amiri',serif;font-size:clamp(1.6rem,4vw,2.4rem);color:#fff;margin-bottom:0.5rem;line-height:1.2;}
.hero-sub{font-size:0.88rem;color:rgba(255,255,255,0.7);max-width:480px;margin:0 auto 1.5rem;line-height:1.65;}
.hero-stats{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap;}
.hero-stat-num{font-family:'Amiri',serif;font-size:1.8rem;color:var(--gold);line-height:1;}
.hero-stat-label{font-size:0.7rem;color:rgba(255,255,255,0.5);margin-top:0.2rem;text-transform:uppercase;letter-spacing:0.06em;}

.type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:0.75rem;margin-bottom:2rem;}
.type-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;text-align:center;text-decoration:none;color:inherit;transition:box-shadow 0.15s,transform 0.15s;display:block;}
.type-card:hover{box-shadow:0 4px 14px rgba(0,0,0,0.08);transform:translateY(-2px);text-decoration:none;}
.type-icon{font-size:1.5rem;margin-bottom:0.3rem;}
.type-name{font-size:0.75rem;font-weight:600;color:var(--text-mid);}
.type-count{font-size:0.65rem;color:var(--text-muted);margin-top:0.1rem;}

.section-heading{font-family:'Amiri',serif;font-size:1.3rem;color:var(--green-deep);margin:1.75rem 0 1.1rem;display:flex;align-items:baseline;gap:0.5rem;}
.section-count{font-family:'Inter',sans-serif;font-size:0.78rem;color:var(--text-muted);font-weight:400;}

.waqf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.1rem;}

.waqf-card{background:var(--white);border:1px solid var(--border);border-left:4px solid var(--gold);border-radius:var(--radius);padding:1.35rem;display:flex;flex-direction:column;gap:0.6rem;transition:box-shadow 0.18s,transform 0.18s;position:relative;}
.waqf-card:hover{box-shadow:0 6px 20px rgba(0,0,0,0.08);transform:translateY(-2px);}
.waqf-card.featured{border-top:3px solid var(--gold);}
.waqf-type-badge{display:inline-flex;align-items:center;gap:0.3rem;font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--green-mid);background:var(--green-light);padding:0.2rem 0.6rem;border-radius:999px;width:fit-content;}
.waqf-name{font-family:'Amiri',serif;font-size:1.15rem;color:var(--green-deep);line-height:1.2;}
.waqf-location{font-size:0.75rem;color:var(--text-muted);}
.waqf-desc{font-size:0.82rem;color:var(--text-mid);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.verified-badge{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.68rem;font-weight:700;color:#16A34A;background:#F0FDF4;padding:0.18rem 0.55rem;border-radius:999px;}
.waqf-established{font-size:0.72rem;color:var(--text-muted);}
.waqf-beneficiaries{font-size:0.75rem;color:var(--text-mid);}
.card-footer-row{display:flex;justify-content:space-between;align-items:center;gap:0.5rem;margin-top:auto;padding-top:0.4rem;border-top:1px solid var(--border);flex-wrap:wrap;}
.btn-website{font-size:0.75rem;color:var(--gold);font-weight:600;}
.btn-website:hover{text-decoration:underline;}
.btn-maps{font-size:0.72rem;color:var(--text-muted);background:var(--cream);border:1px solid var(--border);padding:0.25rem 0.65rem;border-radius:999px;text-decoration:none;}
.btn-maps:hover{background:var(--green-light);color:var(--green-mid);text-decoration:none;}

.submit-banner{background:var(--gold-pale);border:1px solid var(--gold-light);border-radius:var(--radius);padding:1.25rem 1.5rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;}
.submit-banner-text h3{font-family:'Amiri',serif;font-size:1.1rem;color:var(--green-deep);margin-bottom:0.2rem;}
.submit-banner-text p{font-size:0.82rem;color:var(--text-muted);}
.btn-submit-waqf{background:var(--green-deep);color:#fff;border:none;padding:0.55rem 1.25rem;border-radius:999px;font-size:0.85rem;font-weight:600;font-family:'Inter',sans-serif;cursor:pointer;text-decoration:none;white-space:nowrap;}
.btn-submit-waqf:hover{opacity:0.88;text-decoration:none;}

.form-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.25rem;}
.form-section-title{font-family:'Amiri',serif;font-size:1rem;color:var(--green-deep);margin-bottom:0.85rem;padding-bottom:0.4rem;border-bottom:1px solid var(--border);}
.form-group{margin-bottom:0.85rem;}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;}
.form-label{display:block;font-size:0.72rem;font-weight:600;color:var(--text-mid);text-transform:uppercase;letter-spacing:0.04em;margin-bottom:0.3rem;}
.req{color:var(--gold);margin-left:2px;}
.form-control{width:100%;background:var(--white);border:1.5px solid var(--border);border-radius:8px;padding:0.55rem 0.85rem;font-size:0.88rem;font-family:'Inter',sans-serif;color:var(--text);outline:none;transition:border-color 0.14s;}
.form-control:focus{border-color:var(--gold);}
textarea.form-control{resize:vertical;min-height:90px;line-height:1.6;}
.form-hint{font-size:0.7rem;color:var(--text-muted);margin-top:0.25rem;}
.btn-primary{background:var(--gold);color:var(--green-deep);border:none;padding:0.65rem 1.75rem;border-radius:999px;font-size:0.9rem;font-weight:700;font-family:'Inter',sans-serif;cursor:pointer;}
.btn-outline{background:transparent;color:var(--text-muted);border:1px solid var(--border);padding:0.6rem 1.25rem;border-radius:999px;font-size:0.85rem;font-family:'Inter',sans-serif;cursor:pointer;text-decoration:none;display:inline-block;}

.state-empty{text-align:center;padding:3rem 1rem;border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);}
.back-link{display:inline-flex;align-items:center;gap:0.3rem;font-size:0.82rem;color:var(--text-muted);margin-bottom:1.25rem;}
.back-link:hover{color:var(--green-mid);text-decoration:none;}
.alert{padding:0.75rem 1rem;border-radius:8px;font-size:0.85rem;margin-bottom:1rem;}
.alert-success{background:#F0FDF4;border:1px solid #BBF7D0;color:#166534;}
.alert-error{background:#FEF2F2;border:1px solid #FECACA;color:#DC2626;}

.site-footer{background:var(--green-deep);border-top:3px solid var(--gold);padding:1.75rem 1rem;text-align:center;margin-top:auto;}
.footer-bismillah{font-family:'Amiri',serif;font-size:1.3rem;color:var(--gold);margin-bottom:0.4rem;opacity:0.8;}
.footer-hadith{font-size:0.8rem;color:rgba(232,201,122,0.6);font-style:italic;margin-bottom:0.5rem;}
.footer-links{font-size:0.72rem;color:rgba(232,201,122,0.4);}
.footer-links a{color:var(--gold);opacity:0.7;}

@media(max-width:768px){.waqf-grid{grid-template-columns:1fr;}.form-grid-2{grid-template-columns:1fr;}}