/* style.css - Comprehensive Modern Styling with Dynamic Fallbacks */
:root {
    --primary-color: #4F46E5;
    --primary-dark: #3730A3;
    --accent-color: #6366F1;
    --accent-gold: #F59E0B;
    --bg-color: #F5F3FF;
    --card-bg: #FFFFFF;
    --text-main: #1E293B;
    --text-muted: #64748B;
    --border-color: #E2E8F0;
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.04);
    --shadow-md: 0 4px 14px rgba(0,0,0,0.08);
    --shadow-hover: 0 8px 24px rgba(0,0,0,0.12);
    --radius-lg: 14px;
    --radius-md: 8px;
    --radius-sm: 6px;
}

* { box-sizing: border-box; margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
body { background-color: var(--bg-color); color: var(--text-main); line-height: 1.6; }

/* Sticky Top Navigation Bar */
.top-navbar { background: #FFFFFF; border-bottom: 2px solid var(--border-color); position: sticky; top: 0; z-index: 100; box-shadow: var(--shadow-sm); }
.nav-container { display: flex; align-items: center; justify-content: space-between; max-width: 1320px; margin: 0 auto; padding: 0.75rem 1.5rem; }
.brand-logo { display: flex; align-items: center; gap: 0.85rem; cursor: pointer; }

.mh-seal-wrap {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
}

.mh-seal {
    width: 52px;
    height: 52px;
    object-fit: contain;
    display: block;
}

.gp-logo {
    width: 52px;
    height: 52px;
    object-fit: contain;
    flex-shrink: 0;
    display: block;
    filter: drop-shadow(0 3px 6px rgba(27, 94, 60, 0.18));
}

.brand-text { display: flex; flex-direction: column; }
.gp-name { font-size: 1.3rem; font-weight: 800; color: var(--primary-color); letter-spacing: -0.3px; }
.gp-sub { font-size: 0.82rem; color: var(--text-muted); font-weight: 500; }

.nav-links { display: flex; gap: 0.35rem; flex-wrap: wrap; }
.nav-item { text-decoration: none; color: var(--text-main); font-weight: 600; font-size: 0.9rem; padding: 0.5rem 0.75rem; border-radius: var(--radius-sm); transition: all 0.2s ease; }
.nav-item:hover, .nav-item.active { background-color: rgba(27, 94, 60, 0.08); color: var(--primary-color); }

.nav-actions { display: flex; align-items: center; gap: 1rem; }
.lang-select { padding: 0.45rem 0.85rem; border: 1.5px solid var(--primary-color); border-radius: var(--radius-sm); background: #fff; color: var(--primary-color); font-weight: 700; cursor: pointer; outline: none; }
.mobile-menu-btn { display: none; background: none; border: none; font-size: 1.8rem; color: var(--primary-color); cursor: pointer; }

/* Mobile Drawer */
.mobile-menu-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 200; display: none; }
.mobile-menu-overlay.open { display: block; }
.mobile-drawer { position: absolute; right: 0; top: 0; bottom: 0; width: 290px; background: #fff; padding: 2rem 1.5rem; display: flex; flex-direction: column; }
.close-drawer { align-self: flex-end; font-size: 2.2rem; border: none; background: none; cursor: pointer; color: var(--text-muted); }
.mobile-nav-links { display: flex; flex-direction: column; gap: 0.85rem; margin-top: 1rem; }
.mobile-nav-link { text-decoration: none; color: var(--text-main); font-size: 1.05rem; font-weight: 600; border-bottom: 1px solid var(--border-color); padding-bottom: 0.6rem; }

/* Main Wrapper & Hero Banner */
.main-wrapper { max-width: 1320px; margin: 2rem auto; padding: 0 1.5rem; min-height: 75vh; }
.hero-card { background: linear-gradient(135deg, var(--primary-dark), var(--primary-color)); color: #fff; padding: 2.5rem 2rem; border-radius: var(--radius-lg); text-align: center; margin-bottom: 2rem; box-shadow: var(--shadow-md); position: relative; overflow: hidden; }
.hero-title { font-size: 2.2rem; font-weight: 800; margin-bottom: 0.5rem; letter-spacing: -0.5px; }
.hero-sub { font-size: 1.1rem; opacity: 0.92; font-weight: 400; }
.lgd-pills { display: flex; justify-content: center; gap: 0.85rem; flex-wrap: wrap; margin-top: 1.25rem; }
.lgd-pill { background: rgba(255,255,255,0.15); padding: 0.35rem 0.9rem; border-radius: 50px; font-size: 0.85rem; font-weight: 600; backdrop-filter: blur(4px); }

/* Stats Overview Cards */
.stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.25rem; margin-bottom: 2.5rem; }
.stat-card { background: var(--card-bg); padding: 1.4rem 1.2rem; border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); text-align: center; border: 1px solid var(--border-color); transition: transform 0.2s; }
.stat-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
.stat-val { font-size: 2.1rem; font-weight: 800; color: var(--primary-color); line-height: 1.2; }
.stat-lbl { font-size: 0.88rem; color: var(--text-muted); font-weight: 600; margin-top: 0.25rem; }

.section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; border-bottom: 3px solid var(--accent-color); padding-bottom: 0.5rem; }
.section-title { font-size: 1.45rem; color: var(--primary-color); font-weight: 800; }

/* Cards & Profiles Grid */
.cards-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; margin-bottom: 2.5rem; }

/* Profile Card Styling with Dynamic Fallback Handling */
.profile-card { background: var(--card-bg); border-radius: var(--radius-lg); overflow: hidden; border: 1px solid var(--border-color); box-shadow: var(--shadow-sm); text-align: center; padding: 1.5rem 1.2rem; transition: all 0.25s ease; position: relative; display: flex; flex-direction: column; align-items: center; }
.profile-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); border-color: var(--accent-color); }
.profile-card.leader-highlight { border-top: 4px solid var(--accent-gold); }

.avatar-container { width: 110px; height: 110px; border-radius: 50%; overflow: hidden; border: 3px solid var(--accent-color); background: linear-gradient(135deg, #EEF2FF, #E0E7FF); margin-bottom: 1rem; display: flex; align-items: center; justify-content: center; position: relative; box-shadow: var(--shadow-sm); }
.avatar-img { width: 100%; height: 100%; object-fit: cover; }
.avatar-fallback { font-size: 1.8rem; font-weight: 800; color: var(--primary-color); letter-spacing: 1px; }

.profile-name { font-size: 1.15rem; font-weight: 700; color: var(--text-main); margin-bottom: 0.3rem; }
.profile-role { color: var(--primary-color); font-weight: 700; font-size: 0.88rem; margin-bottom: 0.5rem; background: #EEF2FF; padding: 0.25rem 0.8rem; border-radius: 20px; line-height: 1.3; }
.profile-info { font-size: 0.88rem; color: var(--text-muted); margin-top: 0.2rem; font-weight: 500; }

/* Schemes Cards */
.scheme-card { background: var(--card-bg); border-radius: var(--radius-lg); border: 1px solid var(--border-color); padding: 1.5rem; box-shadow: var(--shadow-sm); transition: all 0.25s ease; display: flex; flex-direction: column; justify-content: space-between; }
.scheme-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); border-color: var(--primary-color); }
.scheme-icon { font-size: 2.2rem; margin-bottom: 0.85rem; }
.scheme-title { font-size: 1.15rem; font-weight: 700; color: var(--primary-color); margin-bottom: 0.5rem; }
.scheme-desc { font-size: 0.9rem; color: var(--text-muted); margin-bottom: 1.2rem; flex-grow: 1; }

/* Detailed Tables Styling (Services, Revenue, Census) */
.table-responsive { overflow-x: auto; background: var(--card-bg); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); border: 1px solid var(--border-color); margin-bottom: 2.5rem; }
.custom-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 0.92rem; }
.custom-table th, .custom-table td { padding: 1rem 1.25rem; border-bottom: 1px solid var(--border-color); vertical-align: middle; }
.custom-table th { background-color: #F5F3FF; color: var(--primary-color); font-weight: 700; font-size: 0.9rem; white-space: nowrap; }
.custom-table tr:hover { background-color: #F1F5F9; }

.fee-badge { background: #EEF2FF; color: #4338CA; font-weight: 800; padding: 0.3rem 0.75rem; border-radius: 20px; font-size: 0.88rem; border: 1px solid #C7D2FE; display: inline-block; white-space: nowrap; }
.time-badge { background: #F5F3FF; color: #4338CA; font-weight: 600; padding: 0.25rem 0.65rem; border-radius: 6px; font-size: 0.85rem; display: inline-block; white-space: nowrap; }

/* Buttons */
.action-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem; background: var(--primary-color); color: #fff; text-decoration: none; padding: 0.55rem 1.1rem; border-radius: var(--radius-sm); font-weight: 600; font-size: 0.88rem; border: none; cursor: pointer; transition: background 0.2s; white-space: nowrap; }
.action-btn:hover { background: var(--primary-dark); }
.action-btn.secondary { background: #F1F5F9; color: var(--text-main); border: 1px solid var(--border-color); }
.action-btn.secondary:hover { background: #E2E8F0; }

/* Lightbox & Modals */
.lightbox-overlay, .confirmation-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.8); z-index: 300; display: none; align-items: center; justify-content: center; padding: 1rem; backdrop-filter: blur(4px); }
.lightbox-overlay.visible, .confirmation-overlay.visible { display: flex; }
.close-lightbox { position: absolute; top: 15px; right: 25px; color: #fff; font-size: 2.8rem; cursor: pointer; font-weight: bold; }
#lightbox-img { max-width: 90vw; max-height: 85vh; border-radius: var(--radius-md); box-shadow: var(--shadow-hover); }

.confirmation-box { background: #fff; border-radius: var(--radius-lg); padding: 2.2rem; max-width: 480px; width: 100%; text-align: center; box-shadow: var(--shadow-hover); }
.confirmation-title { display: flex; align-items: center; justify-content: center; gap: 0.5rem; color: var(--primary-color); font-size: 1.3rem; margin-bottom: 1rem; }
.confirmation-message { color: var(--text-muted); font-size: 0.98rem; margin-bottom: 1.8rem; }
.confirmation-buttons { display: flex; gap: 1rem; justify-content: center; }
.btn-cancel, .btn-confirm { padding: 0.65rem 1.5rem; border-radius: var(--radius-sm); border: none; font-weight: 700; cursor: pointer; font-size: 0.95rem; }
.btn-cancel { background: #E2E8F0; color: var(--text-main); }
.btn-confirm { background: var(--primary-color); color: #fff; }

/* Footer */
.site-footer { background: var(--primary-dark); color: #fff; padding: 3.5rem 1.5rem 1.5rem; margin-top: 4rem; }
.footer-container { max-width: 1320px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 2.5rem; margin-bottom: 2.5rem; }
.footer-col h4 { font-size: 1.15rem; border-bottom: 2.5px solid var(--accent-color); padding-bottom: 0.5rem; margin-bottom: 1.2rem; color: #fff; }
.footer-col p { font-size: 0.9rem; opacity: 0.88; margin-bottom: 0.5rem; }
.footer-col a { color: #C7D2FE; text-decoration: none; }
.footer-bottom { max-width: 1320px; margin: 0 auto; border-top: 1px solid rgba(255,255,255,0.12); padding-top: 1.25rem; text-align: center; font-size: 0.85rem; color: #CBD5E1; }

@media (max-width: 992px) {
    .nav-links { display: none; }
    .mobile-menu-btn { display: block; }
}

/* ===== Final Set 2 polish / corrected information views ===== */
.seal-badge { width: 52px; height: 52px; border: 0; border-radius: 50%; background: #fff; display:flex; align-items:center; justify-content:center; box-shadow: 0 3px 12px rgba(18,69,45,.12); overflow:hidden; }
.seal-badge img { width: 100%; height: 100%; object-fit: contain; padding: 3px; display:block; }

.hero-card-modern { text-align: left; padding: 2.75rem; background: radial-gradient(circle at 85% 15%, rgba(46,125,91,.28), transparent 32%), linear-gradient(135deg, var(--primary-dark), var(--primary-color)); }
.hero-branding { display:flex; align-items:center; gap:1.5rem; max-width:900px; }
.hero-logo-wrap { width:112px; height:112px; flex:0 0 112px; border-radius:28px; background:rgba(255,255,255,.98); display:flex; align-items:center; justify-content:center; padding:12px; box-shadow:0 12px 30px rgba(0,0,0,.16); }
.hero-gp-logo { width:100%; height:100%; object-fit:contain; }
.hero-logo-fallback { width:100%; height:100%; align-items:center; justify-content:center; border-radius:18px; background:#EEF2FF; color:var(--primary-color); font-weight:900; font-size:2rem; }
.hero-kicker { display:inline-flex; padding:.3rem .75rem; border-radius:999px; background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.2); text-transform:uppercase; letter-spacing:.12em; font-size:.72rem; font-weight:800; margin-bottom:.7rem; }
.hero-copy .hero-title { margin-bottom:.35rem; }
.hero-location { margin-top:.75rem; opacity:.85; font-size:.92rem; }

.village-overview-card { background:linear-gradient(180deg,#fff,#f8fbfd); border:1px solid var(--border-color); border-radius:var(--radius-lg); padding:1.6rem; margin-bottom:2.5rem; box-shadow:var(--shadow-md); }
.village-overview-head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1.35rem; }
.eyebrow { color:var(--accent-color); text-transform:uppercase; letter-spacing:.1em; font-size:.72rem; font-weight:900; }
.overview-title { color:var(--primary-dark); font-size:1.55rem; margin:.2rem 0 .15rem; }
.overview-subtitle { color:var(--text-muted); font-size:.9rem; }
.census-id-badge { background:#EDF6F0; color:var(--primary-color); border:1px solid #C7D2FE; padding:.55rem .8rem; border-radius:12px; font-size:.78rem; white-space:nowrap; }
.census-id-badge strong { display:block; font-size:1rem; margin-top:.1rem; }
.overview-stat-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:.8rem; }
.group-census-summary-grid { grid-template-columns:repeat(4,1fr); }
.census-table { min-width:760px; }
.overview-stat { background:#fff; border:1px solid var(--border-color); border-radius:14px; padding:1rem; min-height:92px; display:flex; flex-direction:column; justify-content:center; }
.overview-stat span { font-size:1.55rem; line-height:1.1; font-weight:900; color:var(--primary-color); }
.overview-stat small { color:var(--text-muted); font-weight:700; margin-top:.3rem; }
.overview-stat-primary { background:linear-gradient(135deg,#EEF2FF,#fff); border-color:#C7D2FE; }
.overview-stat-accent { background:linear-gradient(135deg,#FFF7ED,#fff); border-color:#FDE68A; }
.demographic-strip { margin-top:1rem; padding:1rem; border-radius:14px; background:#F5F3FF; border:1px solid var(--border-color); display:grid; grid-template-columns:auto minmax(180px,1fr) auto; align-items:center; gap:1rem; }
.demographic-copy { display:flex; flex-direction:column; min-width:155px; }
.demographic-copy strong { color:var(--primary-dark); font-size:.9rem; }
.demographic-copy span { color:var(--text-muted); font-size:.76rem; }
.gender-bar { height:10px; border-radius:99px; overflow:hidden; display:flex; background:#E2E8F0; }
.gender-male { background:#4F46E5; }
.gender-female { background:#6366F1; }
.st-highlight { text-align:right; display:flex; flex-direction:column; }
.st-highlight strong { color:#4338CA; font-size:1.25rem; }
.st-highlight span { color:var(--text-muted); font-size:.75rem; }

.service-reference-list,.service-excluded-list,.service-instructions,.service-reference-card,.service-footer-note { background:var(--card-bg); border:1px solid var(--border-color); border-radius:var(--radius-lg); padding:1rem 1.25rem; margin-bottom:1.25rem; box-shadow:var(--shadow-sm); }
.service-reference-note { margin:0 0 .5rem; color:var(--primary-color); font-weight:800; }
.service-reference-list ul,.service-excluded-list ol,.service-instructions ol { margin:0; padding-left:1.35rem; }
.service-reference-list li,.service-excluded-list li,.service-instructions li { margin:.35rem 0; color:var(--text-muted); }
.service-excluded-list h3,.service-instructions h3 { color:var(--primary-color); font-size:1rem; margin-bottom:.55rem; }
.service-reference-card p { margin:0 0 .2rem; color:var(--primary-color); font-weight:800; }
.service-reference-card span { color:var(--text-muted); font-size:.9rem; }
.service-footer-note { color:var(--text-muted); }
.service-footer-note strong { color:var(--primary-color); }
.service-table td,.revenue-services-table td { vertical-align:top; }
.revenue-services-table { min-width:1100px; }

.scheme-card { min-height:260px; }
.scheme-card .action-btn { margin-top:1rem; }

@media (max-width: 992px) {
    .hero-branding { align-items:flex-start; }
    .overview-stat-grid { grid-template-columns:repeat(3,1fr); }
    .group-census-summary-grid { grid-template-columns:repeat(2,1fr); }
    .demographic-strip { grid-template-columns:1fr; }
    .st-highlight { text-align:left; }
    .revenue-services-table { min-width:1100px; }
}
@media (max-width: 640px) {
    .nav-container { padding:.65rem .85rem; }
    .brand-text .gp-sub { display:none; }
    .gp-name { font-size:1.05rem; }
    .hero-card-modern { padding:1.5rem 1.1rem; }
    .hero-branding { flex-direction:column; align-items:flex-start; gap:1rem; }
    .hero-logo-wrap { width:88px; height:88px; flex-basis:88px; border-radius:20px; }
    .hero-title { font-size:1.8rem; }
    .overview-stat-grid { grid-template-columns:repeat(2,1fr); }
    .group-census-summary-grid { grid-template-columns:repeat(2,1fr); }
    .overview-stat-primary { grid-column:span 2; }
    .village-overview-head { flex-direction:column; }
    .census-id-badge { width:100%; }
}


/* ===== Achapa Forest Green + Cream theme ===== */
body {
    background:
        radial-gradient(circle at 8% 8%, rgba(217,169,65,.08), transparent 24%),
        radial-gradient(circle at 92% 28%, rgba(46,125,91,.07), transparent 26%),
        var(--bg-color);
}
.top-navbar {
    background: rgba(255,255,255,.88);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
.nav-item:hover, .nav-item.active { background-color: rgba(27,94,60,.10); }
.hero-card-modern {
    background:
        radial-gradient(circle at 86% 12%, rgba(217,169,65,.20), transparent 30%),
        radial-gradient(circle at 12% 90%, rgba(46,125,91,.24), transparent 34%),
        linear-gradient(135deg, var(--primary-dark), var(--primary-color));
    border: 1px solid rgba(255,255,255,.12);
}
.hero-logo-wrap, .seal-badge {
    box-shadow: 0 12px 30px rgba(18,69,45,.14);
}
.stat-card, .profile-card, .scheme-card,
.village-overview-card, .table-responsive,
.service-reference-list, .service-excluded-list,
.service-instructions, .service-reference-card,
.service-footer-note {
    background: rgba(255,255,255,.84);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.profile-card:hover, .scheme-card:hover { border-color: var(--accent-color); }
.custom-table th { background: rgba(27,94,60,.07); }
.custom-table tr:hover { background: rgba(46,125,91,.06); }
.fee-badge { background:#EEF2FF; color:#4338CA; border-color:#C7D2FE; }
.time-badge { background:#F5F3FF; color:#4338CA; }
.action-btn.secondary { background: rgba(247,245,237,.88); }
.action-btn.secondary:hover { background:#E8EEE9; }
.confirmation-box {
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(27,94,60,.12);
}
.mobile-drawer {
    background: rgba(255,255,255,.94);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

/* ===== Final glass dashboard refinement ===== */
html {
    background: #F8F7FF;
}

body {
    background:
        radial-gradient(circle at 4% 0%, rgba(217,164,65,.13) 0, rgba(217,164,65,0) 25%),
        radial-gradient(circle at 96% 10%, rgba(46,125,91,.13) 0, rgba(46,125,91,0) 28%),
        radial-gradient(circle at 50% 100%, rgba(27,94,60,.07) 0, rgba(27,94,60,0) 32%),
        linear-gradient(135deg, #FAF9FF 0%, #F2F7F1 48%, #EDF5F0 100%);
    background-attachment: fixed;
    color: var(--text-main);
}

/* Dashboard hero: frosted green glass with a soft natural glow */
.hero-card-modern {
    position: relative;
    isolation: isolate;
    background:
        radial-gradient(circle at 88% 8%, rgba(217,164,65,.28), transparent 30%),
        radial-gradient(circle at 8% 92%, rgba(111,184,145,.22), transparent 34%),
        linear-gradient(135deg, rgba(18,69,45,.91), rgba(27,94,60,.80));
    border: 1px solid rgba(255,255,255,.25);
    box-shadow:
        0 18px 45px rgba(18,69,45,.18),
        inset 0 1px 0 rgba(255,255,255,.20);
    backdrop-filter: blur(18px) saturate(125%);
    -webkit-backdrop-filter: blur(18px) saturate(125%);
}

.hero-card-modern::before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    background: linear-gradient(120deg, rgba(255,255,255,.13), transparent 38%, rgba(255,255,255,.04));
    pointer-events: none;
    z-index: -1;
}

.hero-card-modern::after {
    content: "";
    position: absolute;
    width: 240px;
    height: 240px;
    right: -90px;
    bottom: -130px;
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    filter: blur(8px);
    pointer-events: none;
}

.hero-kicker,
.lgd-pill {
    background: rgba(255,255,255,.14);
    border-color: rgba(255,255,255,.24);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.hero-logo-wrap {
    background: rgba(255,255,255,.88);
    border: 1px solid rgba(255,255,255,.55);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow:
        0 14px 32px rgba(0,0,0,.17),
        inset 0 1px 0 rgba(255,255,255,.75);
}

/* Footer: dark frosted-glass panel with clear light text */
.site-footer {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 15%, rgba(46,125,91,.34), transparent 30%),
        radial-gradient(circle at 88% 80%, rgba(217,164,65,.16), transparent 28%),
        linear-gradient(135deg, rgba(18,69,45,.94), rgba(27,94,60,.88));
    border-top: 1px solid rgba(255,255,255,.22);
    box-shadow: 0 -18px 45px rgba(18,69,45,.10), inset 0 1px 0 rgba(255,255,255,.12);
    backdrop-filter: blur(18px) saturate(120%);
    -webkit-backdrop-filter: blur(18px) saturate(120%);
}

.site-footer::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, rgba(255,255,255,.08), transparent 35%, rgba(255,255,255,.025));
    pointer-events: none;
}

.footer-container,
.footer-bottom {
    position: relative;
    z-index: 1;
}

.footer-col h4 {
    text-shadow: 0 1px 10px rgba(0,0,0,.12);
}

.footer-col p,
.footer-col a,
.footer-bottom,
.footer-bottom p {
    color: rgba(255,255,255,.86);
}

.footer-col a:hover {
    color: #F2D58B;
}

.footer-bottom {
    border-top-color: rgba(255,255,255,.20);
}

@media (prefers-reduced-motion: reduce) {
    .hero-card-modern,
    .site-footer {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
}

/* ===== Option 2: Village Landscape Hero + Rich Green Footer ===== */
.hero-card-modern {
    min-height: 390px;
    display: flex;
    align-items: center;
    background-image:
        linear-gradient(90deg, rgba(18,69,45,.92) 0%, rgba(18,69,45,.72) 34%, rgba(18,69,45,.28) 68%, rgba(18,69,45,.48) 100%),
        url('assets/dhanaje-landscape.svg');
    background-size: cover;
    background-position: center;
    border: 1px solid rgba(255,255,255,.34);
    box-shadow: 0 22px 48px rgba(18,69,45,.22), inset 0 1px 0 rgba(255,255,255,.28);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.hero-card-modern::before {
    background:
        linear-gradient(115deg, rgba(255,255,255,.18), transparent 30%, rgba(255,255,255,.035) 72%),
        radial-gradient(circle at 84% 22%, rgba(255,220,128,.16), transparent 24%);
    z-index: 0;
}
.hero-card-modern::after {
    width: 340px;
    height: 340px;
    right: -120px;
    bottom: -180px;
    background: rgba(255,255,255,.10);
    filter: blur(14px);
    z-index: 0;
}
.hero-card-modern > * { position: relative; z-index: 1; }
.hero-branding { max-width: 1050px; width: 100%; }
.hero-copy {
    padding: 1.35rem 1.55rem;
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(12,61,39,.68), rgba(27,94,60,.34));
    border: 1px solid rgba(255,255,255,.28);
    box-shadow: 0 16px 34px rgba(10,48,31,.18), inset 0 1px 0 rgba(255,255,255,.16);
    backdrop-filter: blur(12px) saturate(125%);
    -webkit-backdrop-filter: blur(12px) saturate(125%);
}
.hero-location { color: rgba(255,255,255,.94); }
.hero-logo-wrap {
    border: 2px solid rgba(255,255,255,.72);
    box-shadow: 0 18px 36px rgba(12,57,38,.24), inset 0 1px 0 rgba(255,255,255,.85);
}

.site-footer {
    background:
        radial-gradient(circle at 8% 12%, rgba(74,145,103,.36), transparent 28%),
        radial-gradient(circle at 88% 86%, rgba(217,164,65,.22), transparent 25%),
        linear-gradient(135deg, #312E81 0%, #4338CA 52%, #0d3a27 100%);
    border-top: 3px solid rgba(217,164,65,.72);
    box-shadow: 0 -20px 50px rgba(18,69,45,.16), inset 0 1px 0 rgba(255,255,255,.14);
}
.site-footer::before {
    background:
        radial-gradient(circle at 22% 65%, rgba(255,255,255,.08) 0 1px, transparent 2px) 0 0/28px 28px,
        linear-gradient(115deg, rgba(255,255,255,.09), transparent 32%, rgba(255,255,255,.025));
    opacity: .75;
}
.site-footer::after {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    right: -90px;
    top: -150px;
    border: 1px solid rgba(217,164,65,.22);
    border-radius: 50%;
    box-shadow: 0 0 0 24px rgba(217,164,65,.045), 0 0 0 48px rgba(217,164,65,.025);
    pointer-events: none;
}
.footer-col h4 { color: #FFFBEB; border-bottom-color: var(--accent-gold); }
.footer-col a:hover { color: #FDE68A; }

@media (max-width: 760px) {
    .hero-card-modern { min-height: 520px; background-position: 58% center; }
    .hero-copy { padding: 1.1rem; }
}

/* ===== Option 6: Premium Blurred Landscape + Layered Glass Hero ===== */
.hero-card-modern {
    background: linear-gradient(135deg, rgba(20,76,50,.18), rgba(27,94,60,.10));
    border: 1px solid rgba(255,255,255,.42);
    box-shadow:
        0 24px 55px rgba(18,69,45,.22),
        inset 0 1px 0 rgba(255,255,255,.45),
        inset 0 -1px 0 rgba(255,255,255,.12);
    overflow: hidden;
}

.hero-card-modern::before {
    content: "";
    position: absolute;
    inset: -16px;
    z-index: 0;
    background:
        linear-gradient(90deg, rgba(8,53,34,.48), rgba(18,69,45,.18) 48%, rgba(18,69,45,.38)),
        url('assets/dhanaje-landscape.svg') center / cover no-repeat;
    filter: blur(8px) saturate(112%);
    transform: scale(1.055);
    opacity: .98;
    pointer-events: none;
}

.hero-card-modern::after {
    content: "";
    position: absolute;
    width: 430px;
    height: 430px;
    right: -150px;
    top: -210px;
    z-index: 0;
    border-radius: 50%;
    background:
        radial-gradient(circle, rgba(255,255,255,.22) 0%, rgba(217,164,65,.11) 28%, rgba(255,255,255,0) 68%);
    filter: blur(3px);
    pointer-events: none;
}

.hero-card-modern > * { position: relative; z-index: 1; }

.hero-copy {
    background:
        linear-gradient(135deg, rgba(255,255,255,.24), rgba(255,255,255,.10));
    border: 1px solid rgba(255,255,255,.42);
    box-shadow:
        0 18px 42px rgba(5,45,29,.20),
        inset 0 1px 0 rgba(255,255,255,.42),
        inset 0 -1px 0 rgba(255,255,255,.08);
    backdrop-filter: blur(18px) saturate(135%);
    -webkit-backdrop-filter: blur(18px) saturate(135%);
}

.hero-kicker,
.lgd-pill {
    background: rgba(255,255,255,.20);
    border-color: rgba(255,255,255,.40);
    box-shadow: 0 6px 18px rgba(5,45,29,.10), inset 0 1px 0 rgba(255,255,255,.36);
    backdrop-filter: blur(12px) saturate(130%);
    -webkit-backdrop-filter: blur(12px) saturate(130%);
}

.hero-logo-wrap {
    background: rgba(255,255,255,.82);
    border-color: rgba(255,255,255,.82);
    backdrop-filter: blur(16px) saturate(125%);
    -webkit-backdrop-filter: blur(16px) saturate(125%);
    box-shadow:
        0 20px 42px rgba(5,45,29,.24),
        inset 0 1px 0 rgba(255,255,255,.95);
}

@media (prefers-reduced-motion: reduce) {
    .hero-card-modern::before { filter: none; }
}

/* ===== Navy + Teal + Cyan Modern Digital Theme ===== */
:root {
    --primary-color: #4F46E5;
    --primary-dark: #312E81;
    --accent-color: #6366F1;
    --accent-gold: #F59E0B;
    --bg-color: #F5F3FF;
    --card-bg: rgba(255,255,255,.88);
    --text-main: #1E293B;
    --text-muted: #64748B;
    --border-color: rgba(99,102,241,.16);
    --shadow-sm: 0 4px 14px rgba(49,46,129,.06);
    --shadow-md: 0 10px 28px rgba(49,46,129,.10);
    --shadow-hover: 0 16px 38px rgba(49,46,129,.15);
}

body {
    background:
        radial-gradient(circle at 5% 5%, rgba(245,158,11,.10), transparent 24%),
        radial-gradient(circle at 95% 22%, rgba(99,102,241,.09), transparent 28%),
        linear-gradient(180deg, #F5F3FF 0%, #FAF9FF 52%, #F4F3FF 100%);
    color: var(--text-main);
}

.top-navbar {
    background: rgba(49,46,129,.94);
    border-bottom: 1px solid rgba(245,158,11,.30);
    box-shadow: 0 8px 28px rgba(49,46,129,.18);
}
.gp-name { color: #EEF2FF; }
.gp-sub { color: rgba(238,242,255,.72); }
.nav-item { color: rgba(235,250,252,.90); }
.nav-item:hover, .nav-item.active {
    background: rgba(245,158,11,.13);
    color: #FBBF24;
}
.lang-select {
    background: rgba(255,255,255,.08);
    border-color: rgba(245,158,11,.65);
    color: #FDE68A;
}
.mobile-menu-btn { color: #FBBF24; }
.mobile-drawer {
    background: rgba(49,46,129,.97);
    border-left: 1px solid rgba(245,158,11,.22);
}
.mobile-nav-link { color: #EEF2FF; border-bottom-color: rgba(255,255,255,.10); }
.close-drawer { color: #FDE68A; }

.hero-card-modern {
    background: linear-gradient(135deg, rgba(49,46,129,.18), rgba(99,102,241,.14));
    border-color: rgba(251,191,36,.35);
    box-shadow:
        0 24px 58px rgba(49,46,129,.22),
        inset 0 1px 0 rgba(255,255,255,.36),
        inset 0 -1px 0 rgba(245,158,11,.14);
}
.hero-card-modern::before {
    background:
        linear-gradient(90deg, rgba(49,46,129,.66), rgba(49,46,129,.34) 45%, rgba(99,102,241,.34)),
        url('assets/dhanaje-landscape.svg') center / cover no-repeat;
    filter: blur(8px) saturate(118%);
}
.hero-card-modern::after {
    background: radial-gradient(circle, rgba(245,158,11,.28), rgba(245,158,11,.08) 30%, transparent 68%);
}
.hero-copy {
    background: linear-gradient(135deg, rgba(255,255,255,.28), rgba(224,231,255,.10));
    border-color: rgba(255,255,255,.42);
    box-shadow: 0 18px 44px rgba(49,46,129,.24), inset 0 1px 0 rgba(255,255,255,.46);
}
.hero-kicker, .lgd-pill {
    background: rgba(49,46,129,.28);
    border-color: rgba(253,230,138,.38);
}
.hero-location { color: rgba(245,243,255,.94); }
.hero-logo-wrap {
    border-color: rgba(253,230,138,.72);
    box-shadow: 0 20px 44px rgba(49,46,129,.30), inset 0 1px 0 rgba(255,255,255,.92);
}

.section-header { border-bottom-color: #6366F1; }
.section-title, .overview-title, .scheme-title, .service-reference-note,
.service-excluded-list h3, .service-instructions h3, .service-reference-card p,
.confirmation-title { color: var(--primary-color); }
.eyebrow { color: #6366F1; }

.stat-card, .profile-card, .scheme-card,
.village-overview-card, .table-responsive,
.service-reference-list, .service-excluded-list,
.service-instructions, .service-reference-card,
.service-footer-note {
    background: rgba(255,255,255,.78);
    border-color: rgba(99,102,241,.14);
    box-shadow: 0 10px 28px rgba(49,46,129,.07), inset 0 1px 0 rgba(255,255,255,.80);
    backdrop-filter: blur(14px) saturate(125%);
    -webkit-backdrop-filter: blur(14px) saturate(125%);
}
.stat-card:hover, .profile-card:hover, .scheme-card:hover {
    border-color: rgba(245,158,11,.55);
    box-shadow: 0 18px 38px rgba(49,46,129,.12), 0 0 0 1px rgba(245,158,11,.08);
}
.stat-val, .overview-stat span { color: #6366F1; }
.stat-lbl, .overview-subtitle, .overview-stat small { color: var(--text-muted); }
.profile-name { color: var(--text-main); }
.profile-role { color: #6366F1; background: rgba(224,231,255,.72); }
.profile-info { color: var(--text-muted); }
.avatar-container { border-color: #6366F1; background: linear-gradient(135deg,#E0E7FF,#E0E7FF); }
.avatar-fallback { color: #6366F1; }
.profile-card.leader-highlight { border-top-color: #F59E0B; }

.overview-stat { background: rgba(255,255,255,.76); border-color: rgba(99,102,241,.14); }
.overview-stat-primary { background: linear-gradient(135deg,#EEF2FF,#FFFFFF); border-color: rgba(99,102,241,.22); }
.overview-stat-accent { background: linear-gradient(135deg,#FFF7ED,#FFFFFF); border-color: rgba(245,158,11,.28); }
.census-id-badge { background: rgba(224,231,255,.70); color: #6366F1; border-color: rgba(99,102,241,.20); }
.demographic-strip { background: rgba(245,243,255,.72); border-color: rgba(99,102,241,.14); }
.demographic-copy strong, .st-highlight strong { color: #6366F1; }
.gender-bar { background: #E2E8F0; }
.gender-male { background: #4F46E5; }
.gender-female { background: #6366F1; }

.custom-table th { background: rgba(99,102,241,.07); color: #6366F1; }
.custom-table tr:hover { background: rgba(245,158,11,.055); }
.fee-badge { background: #FFF7ED; color: #6366F1; border-color: #FDE68A; }
.time-badge { background: #F5F3FF; color: #4338CA; }
.action-btn { background: #6366F1; }
.action-btn:hover { background: #4F46E5; }
.action-btn.secondary { background: rgba(245,243,255,.88); color: #1E293B; border-color: rgba(99,102,241,.18); }
.action-btn.secondary:hover { background: #E0E7FF; }

.hero-logo-fallback { background: #FFF7ED; color: #6366F1; }
.seal-badge { box-shadow: 0 10px 26px rgba(49,46,129,.18); }

.site-footer {
    background:
        radial-gradient(circle at 8% 15%, rgba(245,158,11,.18), transparent 28%),
        radial-gradient(circle at 90% 82%, rgba(99,102,241,.30), transparent 30%),
        linear-gradient(135deg, #312E81 0%, #3730A3 52%, #312E81 100%);
    border-top-color: rgba(245,158,11,.72);
    box-shadow: 0 -22px 52px rgba(49,46,129,.18), inset 0 1px 0 rgba(255,255,255,.12);
}
.footer-col h4 { color: #EEF2FF; border-bottom-color: #F59E0B; }
.footer-col p, .footer-col a, .footer-bottom, .footer-bottom p { color: rgba(238,242,255,.86); }
.footer-col a:hover { color: #FBBF24; }
.footer-bottom { border-top-color: rgba(253,230,138,.20); }
.site-footer::before { opacity: .75; }

.confirmation-box {
    background: rgba(255,255,255,.94);
    border-color: rgba(99,102,241,.16);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}
.btn-cancel { background: #E2E8F0; color: #1E293B; }
.btn-confirm { background: #6366F1; }

@media (prefers-reduced-motion: reduce) {
    .hero-card-modern::before { filter: none; }
}

/* ===== Hero V2: Split Digital Glass Layout ===== */
.hero-modern-v2 {
    min-height: 510px;
    padding: 0;
    text-align: left;
    border-radius: 28px;
    background: #312E81;
    border: 1px solid rgba(251,191,36,.38);
    box-shadow: 0 28px 70px rgba(49,46,129,.28), 0 0 45px rgba(245,158,11,.08);
    isolation: isolate;
}
.hero-v2-backdrop {
    position: absolute;
    inset: 0;
    z-index: -3;
    background:
        linear-gradient(110deg, rgba(31,27,84,.985) 0%, rgba(49,46,129,.92) 34%, rgba(79,70,229,.66) 68%, rgba(79,45,120,.34) 100%),
        url('assets/dhanaje-landscape.svg') center / cover no-repeat;
    filter: saturate(115%);
    transform: scale(1.02);
}
.hero-v2-backdrop::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(10,8,35,.28), rgba(15,23,42,.10) 48%, rgba(245,158,11,.10));
}
.hero-v2-glow {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(4px);
    z-index: -1;
}
.hero-v2-glow-one {
    width: 320px;
    height: 320px;
    right: 25%;
    top: -180px;
    background: rgba(245,158,11,.20);
}
.hero-v2-glow-two {
    width: 280px;
    height: 280px;
    left: -150px;
    bottom: -160px;
    background: rgba(99,102,241,.30);
}
.hero-v2-content {
    min-height: 510px;
    display: grid;
    grid-template-columns: minmax(0, 1.22fr) minmax(350px, .78fr);
    gap: 2.25rem;
    padding: 2.2rem;
    align-items: stretch;
}
.hero-v2-main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
}
.hero-v2-brand {
    display: flex;
    align-items: center;
    gap: .9rem;
}
.hero-v2-logo-wrap {
    width: 104px;
    height: 104px;
    flex: 0 0 104px;
    border-radius: 22px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.94);
    border: 1px solid rgba(253,230,138,.75);
    box-shadow: 0 16px 34px rgba(0,0,0,.28), 0 0 24px rgba(245,158,11,.12);
}
.hero-v2-logo-wrap .hero-gp-logo { width: 100%; height: 100%; object-fit: contain; }
.hero-v2-brand-line {
    width: 1px;
    height: 46px;
    background: linear-gradient(180deg, transparent, rgba(251,191,36,.75), transparent);
}
.hero-v2-brand-copy { display: flex; flex-direction: column; gap: .35rem; }
.hero-v2-brand-copy .hero-kicker {
    margin: 0;
    align-self: flex-start;
    color: #FDE68A;
    background: rgba(49,46,129,.40);
    border-color: rgba(251,191,36,.38);
}
.hero-v2-brand-label {
    color: rgba(238,242,255,.76);
    font-size: .78rem;
    font-weight: 650;
}
.hero-v2-copy {
    max-width: 760px;
    margin: auto 0;
    padding: 2.2rem 0;
}
.hero-v2-overline {
    color: #FBBF24;
    text-transform: uppercase;
    letter-spacing: .17em;
    font-size: .72rem;
    font-weight: 800;
    margin-bottom: .7rem;
}
.hero-v2-copy .hero-title {
    font-size: clamp(2.45rem, 5vw, 4.35rem);
    line-height: 1.02;
    letter-spacing: -1.8px;
    max-width: 720px;
    margin-bottom: .8rem;
    text-shadow: 0 8px 30px rgba(0,0,0,.25);
}
.hero-v2-copy .hero-sub {
    max-width: 610px;
    color: rgba(245,243,255,.86);
    font-size: 1.08rem;
    line-height: 1.65;
}
.hero-v2-location {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    margin-top: 1.15rem;
    padding: .55rem .8rem;
    border-radius: 12px;
    color: #EEF2FF;
    background: rgba(49,46,129,.34);
    border: 1px solid rgba(253,230,138,.22);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-size: .86rem;
}
.hero-v2-location-dot { color: #F59E0B; font-size: .7rem; text-shadow: 0 0 12px #F59E0B; }
.hero-v2-meta {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid rgba(253,230,138,.18);
    padding-top: 1rem;
    gap: .8rem;
}
.hero-v2-meta span {
    color: rgba(238,242,255,.78);
    font-size: .72rem;
    line-height: 1.45;
}
.hero-v2-meta strong {
    display: block;
    color: #FDE68A;
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.hero-v2-stats {
    align-self: center;
    width: 100%;
    padding: 1.35rem;
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(15,23,42,.58), rgba(49,46,129,.38));
    border: 1px solid rgba(253,230,138,.46);
    box-shadow: 0 24px 48px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.34);
    backdrop-filter: blur(22px) saturate(125%);
    -webkit-backdrop-filter: blur(22px) saturate(125%);
}
.hero-v2-stats-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(253,230,138,.16);
}
.hero-v2-stats-kicker {
    display: block;
    color: #FFD166;
    text-shadow: 0 1px 8px rgba(0,0,0,.65);
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    line-height: 1.4;
}
.hero-v2-stats-head h2 {
    color: #F5F3FF;
    font-size: 1.05rem;
    margin-top: .35rem;
}
.hero-v2-live-dot {
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    margin-top: .25rem;
    border-radius: 50%;
    background: #F59E0B;
    box-shadow: 0 0 0 5px rgba(245,158,11,.10), 0 0 18px rgba(245,158,11,.75);
}
.hero-v2-stat-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .7rem;
    padding: 1rem 0;
}
.hero-v2-stat {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-height: 84px;
    padding: .75rem;
    border-radius: 15px;
    background: rgba(49,46,129,.25);
    border: 1px solid rgba(253,230,138,.13);
}
.hero-v2-stat-highlight {
    background: linear-gradient(135deg, rgba(245,158,11,.16), rgba(99,102,241,.14));
    border-color: rgba(245,158,11,.34);
}
.hero-v2-stat-icon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #FFD166;
    background: rgba(245,158,11,.16);
    border: 1px solid rgba(245,158,11,.18);
    font-weight: 900;
}
.hero-v2-stat div { min-width: 0; }
.hero-v2-stat strong {
    display: block;
    color: #FFFFFF;
    font-size: 1.3rem;
    line-height: 1.1;
}
.hero-v2-stat small {
    display: block;
    color: rgba(238,242,255,.72);
    font-size: .68rem;
    margin-top: .2rem;
}
.hero-v2-card-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding-top: .8rem;
    border-top: 1px solid rgba(253,230,138,.16);
    color: rgba(238,242,255,.70);
    font-size: .72rem;
}
.hero-v2-card-foot strong { color: #FDE68A; font-size: .85rem; }
.hero-v2-bottom-line {
    position: absolute;
    left: 2.2rem;
    right: 2.2rem;
    bottom: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #F59E0B 25%, #6366F1 70%, transparent);
    box-shadow: 0 0 18px rgba(245,158,11,.42);
}

@media (max-width: 900px) {
    .hero-v2-content { grid-template-columns: 1fr; gap: 1rem; padding: 1.5rem; }
    .hero-modern-v2, .hero-v2-content { min-height: auto; }
    .hero-v2-copy { padding: 1.8rem 0 1.2rem; }
    .hero-v2-copy .hero-title { font-size: clamp(2.25rem, 9vw, 3.5rem); }
    .hero-v2-stats { align-self: stretch; }
    .hero-v2-meta { grid-template-columns: repeat(2, 1fr); }
    .hero-v2-bottom-line { left: 1.5rem; right: 1.5rem; }
}

@media (max-width: 560px) {
    .hero-modern-v2 { border-radius: 20px; }
    .hero-v2-content { padding: 1.1rem; }
    .hero-v2-brand { align-items: flex-start; }
    .hero-v2-logo-wrap { width: 82px; height: 82px; flex-basis: 82px; border-radius: 17px; padding: 3px; }
    .hero-v2-brand-line { height: 38px; }
    .hero-v2-brand-label { font-size: .68rem; }
    .hero-v2-copy { padding: 1.35rem 0 1rem; }
    .hero-v2-copy .hero-title { font-size: 2.2rem; letter-spacing: -1px; }
    .hero-v2-copy .hero-sub { font-size: .92rem; }
    .hero-v2-location { font-size: .74rem; align-items: flex-start; }
    .hero-v2-meta { gap: .6rem; }
    .hero-v2-meta span { font-size: .65rem; }
    .hero-v2-stats { padding: 1rem; border-radius: 18px; }
    .hero-v2-stat-grid { gap: .5rem; }
    .hero-v2-stat { min-height: 74px; padding: .55rem; gap: .45rem; }
    .hero-v2-stat-icon { width: 28px; height: 28px; flex-basis: 28px; font-size: .78rem; }
    .hero-v2-stat strong { font-size: 1.05rem; }
    .hero-v2-stat small { font-size: .6rem; }
}

/* Language selector contrast fix for Royal Purple + Indigo theme */
.lang-select {
    color: #EEF2FF;
    background: rgba(79,70,229,.42);
    border-color: rgba(165,180,252,.70);
    text-shadow: 0 1px 2px rgba(15,23,42,.45);
}
.lang-select:hover,
.lang-select:focus {
    background: rgba(99,102,241,.58);
    border-color: rgba(245,158,11,.85);
    color: #FFFFFF;
}
.lang-select option {
    background: #312E81;
    color: #F8FAFC;
    font-weight: 700;
}
.lang-select option:checked {
    background: #4F46E5;
    color: #FFFFFF;
}

/* FALAI VISUAL REFRESH */
:root{--primary-color:#3341C8;--primary-dark:#1F2A8A;--accent-color:#4F46E5;--accent-gold:#F4B41A;--bg-color:#F5F7FF;--card-bg:#fff;--text-main:#10234F;--text-muted:#5D6B86;--border-color:#DDE4F3;--shadow-sm:0 5px 18px rgba(28,44,102,.08);--shadow-md:0 12px 32px rgba(28,44,102,.13);--shadow-hover:0 18px 40px rgba(28,44,102,.18)}
body{background:linear-gradient(180deg,#F7F9FF 0%,#EEF3FF 100%)}
.falai-site-header{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 5px 20px rgba(22,38,93,.12)}.falai-topbar{background:linear-gradient(110deg,#fff 0%,#F4F7FF 65%,#EAF1FF 100%)}.falai-header-inner{max-width:1440px;margin:auto;padding:.8rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.falai-header-brand{display:flex;align-items:center;gap:.9rem;cursor:pointer}.falai-seal-wrap{width:58px;height:58px;display:grid;place-items:center}.falai-seal-fallback{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#17336F;color:#F4B41A;border:3px solid #F4B41A;font-size:.72rem;font-weight:900}.falai-header-divider{height:54px;width:1px;background:#B9C7E6}.falai-header-copy{display:flex;flex-direction:column}.falai-header-copy strong{font-size:1.45rem;color:#162D78;line-height:1.15}.falai-header-copy span{font-size:.84rem;color:#50617D;margin-top:.22rem}.falai-language-tools{display:flex;align-items:center;gap:.6rem}.falai-lang-btn{border:0;background:#2F3FC2;color:#fff;border-radius:10px;padding:.62rem .9rem;font-weight:800;cursor:pointer}.falai-lang-btn:hover{background:#1F2A8A}.lang-select{border:1px solid rgba(255,255,255,.35)!important;background:#2F3FC2!important;color:#fff!important;border-radius:11px!important;padding:.62rem 2.1rem .62rem 1rem!important;font-weight:800!important;min-width:118px;cursor:pointer}.lang-select option{background:#24358F;color:#fff}.lang-select:focus{outline:2px solid #F4B41A;outline-offset:2px}.falai-nav-row{background:linear-gradient(90deg,#17336F,#245C9B,#176B67)}.falai-nav-row .nav-links{max-width:1440px;margin:auto;padding:0 1rem;display:flex;justify-content:center;gap:.15rem;flex-wrap:nowrap}.falai-nav-row .nav-item{color:#fff;border-radius:0;padding:.82rem .82rem;font-size:.82rem;white-space:nowrap}.falai-nav-row .nav-item:hover,.falai-nav-row .nav-item.active{background:#F4B41A;color:#12265A}
.main-wrapper{max-width:1440px;margin:0 auto;padding:1.15rem 1.5rem 3rem}.falai-hero{position:relative;margin:0 -1.5rem 1.5rem;padding:1.8rem 2rem 0;overflow:hidden;min-height:570px}.falai-hero-bg{position:absolute;inset:0;background-image:url('assets/dhanaje-landscape.svg');background-size:cover;background-position:center 45%;filter:saturate(.95)}.falai-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,25,72,.74),rgba(11,44,91,.56) 48%,rgba(9,31,72,.74));backdrop-filter:saturate(1.1)}.falai-hero-inner,.falai-contact-strip{position:relative;z-index:1;max-width:1340px;margin:auto}.falai-hero-inner{display:grid;grid-template-columns:1.5fr 1fr;gap:2.2rem;align-items:center;min-height:395px}.falai-hero-main{color:#fff}.falai-brand-lockup{display:flex;align-items:center;gap:1rem;margin-bottom:1.6rem}.falai-gp-logo{width:112px;height:112px;border-radius:50%;background:linear-gradient(145deg,#fff,#EEF3FF);border:5px solid #F4B41A;box-shadow:0 10px 30px rgba(0,0,0,.2);display:grid;place-items:center;flex:0 0 112px}.falai-logo-fallback{font-size:3.2rem;font-weight:900;color:#3341C8}.falai-brand-divider{width:2px;height:60px;background:rgba(255,255,255,.5)}.falai-kicker{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:800;color:#FDE68A}.falai-mini{display:block;margin-top:.3rem;color:rgba(255,255,255,.85);font-size:.82rem}.falai-overline{font-weight:800;color:#F4B41A;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.3rem}.falai-hero-copy h1{font-size:clamp(2.8rem,5vw,4.8rem);line-height:.98;margin:.15rem 0 .45rem;letter-spacing:-2px;text-shadow:0 4px 22px rgba(0,0,0,.25)}.falai-hero-marathi{font-size:1.45rem;font-weight:700;color:#fff;margin-bottom:1rem}.falai-location{display:flex;gap:.55rem;align-items:center;color:#fff;font-size:.92rem}.falai-location span:first-child{color:#F4B41A}.falai-meta-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;margin-top:2rem}.falai-meta-row span{padding:.65rem .75rem;border:1px solid rgba(255,255,255,.2);background:rgba(9,24,63,.28);backdrop-filter:blur(10px);border-radius:10px;font-size:.7rem;color:#E9EEFF}.falai-meta-row b{display:block;color:#fff;font-size:.65rem;margin-bottom:.12rem}.falai-stats-panel{background:rgba(8,23,65,.82);border:1px solid rgba(255,255,255,.42);box-shadow:0 20px 45px rgba(0,0,0,.24);border-radius:24px;padding:1.35rem;backdrop-filter:blur(16px);color:#fff}.falai-stats-head{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.9rem}.falai-stats-head span{font-size:.75rem;color:#CBD8FF}.falai-stats-head h2{font-size:1.25rem;margin-top:.2rem}.falai-stats-head i{width:10px;height:10px;background:#40D9A4;border-radius:50%;box-shadow:0 0 15px #40D9A4;margin-top:.35rem}.falai-stat-grid{display:grid;grid-template-columns:1fr 1fr}.falai-stat{display:flex;gap:.7rem;align-items:center;padding:1rem .6rem;border-bottom:1px solid rgba(255,255,255,.16)}.falai-stat:nth-child(odd){border-right:1px solid rgba(255,255,255,.16)}.falai-stat:nth-last-child(-n+2){border-bottom:0}.falai-stat-icon{width:44px;height:44px;border-radius:50%;background:rgba(111,170,255,.16);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#DCE8FF}.falai-stat strong{display:block;font-size:1.45rem;color:#F4B41A;line-height:1}.falai-stat small{display:block;color:#D8E2FA;font-size:.7rem;margin-top:.25rem}.falai-stat-gold strong{color:#FFD75A}.falai-contact-strip{margin-top:50px;display:grid;grid-template-columns:1.15fr 1fr 1fr .72fr;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.8);box-shadow:0 15px 35px rgba(17,39,91,.18);border-radius:18px;overflow:hidden}.falai-contact-strip>div{display:flex;align-items:center;gap:.7rem;padding:1rem 1.15rem;border-right:1px solid #DCE4F3}.falai-contact-strip>div:last-child{border-right:0}.strip-icon{width:42px;height:42px;border-radius:50%;background:#EDF1FF;color:#3341C8;display:grid;place-items:center;font-weight:900;flex:0 0 42px}.falai-contact-strip small,.falai-contact-strip strong,.falai-contact-strip em{display:block}.falai-contact-strip small{font-size:.72rem;color:#586884}.falai-contact-strip strong{font-size:.78rem;color:#183475}.falai-contact-strip em{font-size:.72rem;color:#3B4E73;font-style:normal}.strip-social{display:block!important;text-align:center}.strip-social>div{display:flex;justify-content:center;gap:.5rem;margin-top:.35rem}.strip-social>div span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#3146C7;color:#fff;font-size:.75rem}.falai-section-card,.falai-census-card{background:rgba(255,255,255,.92);border:1px solid #DFE6F5;border-radius:20px;box-shadow:var(--shadow-sm);padding:1.25rem;margin-top:1.4rem}.falai-section-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.falai-section-heading>div{display:flex;align-items:center;gap:.65rem}.falai-section-heading h2{font-size:1.35rem;color:#17377D}.falai-section-icon{color:#3341C8;font-size:1.5rem}.falai-view-all{background:#3341C8;color:#fff;text-decoration:none;border-radius:999px;padding:.5rem 1rem;font-size:.78rem;font-weight:800}.falai-leader-row{display:grid;grid-template-columns:repeat(8,minmax(110px,1fr)) 100px;gap:.7rem;overflow:hidden}.falai-mini-card{border:1px solid #D5DFF2;background:linear-gradient(180deg,#F9FBFF,#EEF3FF);border-radius:13px;padding:.6rem;text-align:center;min-width:0}.falai-mini-img,.falai-mini-fallback{width:76px;height:76px;border-radius:10px;object-fit:cover;margin:0 auto .45rem;border:2px solid #C9D5F4}.falai-mini-fallback{display:flex;align-items:center;justify-content:center;background:#E7ECFF;color:#3341C8;font-weight:900;font-size:1.2rem}.falai-mini-card strong{display:block;font-size:.73rem;color:#17377D;line-height:1.25}.falai-mini-card span{display:block;color:#4F46E5;font-weight:700;font-size:.65rem;margin-top:.2rem}.falai-more-card{border:1px dashed #B8C5E6;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;background:#F7F9FF}.falai-more-card strong{font-size:1.6rem;color:#3341C8}.falai-more-card span{font-size:.7rem;color:#4B5A76;text-align:center}.falai-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin-top:1rem}.falai-shortcut{display:flex;align-items:center;gap:.8rem;color:#fff;text-decoration:none;border-radius:14px;padding:1rem 1.05rem;box-shadow:var(--shadow-md);min-height:82px}.falai-shortcut>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:1.2rem}.falai-shortcut div{flex:1}.falai-shortcut b{display:block;font-size:.92rem}.falai-shortcut small{display:block;opacity:.86;font-size:.7rem;margin-top:.15rem}.falai-shortcut i{font-style:normal;font-size:1.7rem}.shortcut-indigo{background:linear-gradient(135deg,#3448C9,#5B61E8)}.shortcut-green{background:linear-gradient(135deg,#087A63,#1AA77F)}.shortcut-gold{background:linear-gradient(135deg,#D98C05,#F2B21B)}.shortcut-teal{background:linear-gradient(135deg,#087A93,#149CB0)}.falai-code-badge{background:#EEF1FF;color:#3341C8;border-radius:999px;padding:.45rem .75rem;font-size:.72rem;font-weight:800}.site-footer{background:linear-gradient(120deg,#0D204E,#172D6B 55%,#123F61);color:#fff;margin-top:2rem}
@media(max-width:1100px){.falai-nav-row .nav-item{font-size:.72rem;padding:.8rem .55rem}.falai-header-copy strong{font-size:1.15rem}.falai-hero-inner{grid-template-columns:1fr}.falai-stats-panel{max-width:620px}.falai-leader-row{grid-template-columns:repeat(4,1fr)}.falai-shortcuts{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.falai-header-inner{padding:.65rem 1rem}.falai-header-divider{display:none}.falai-header-copy span{font-size:.68rem}.falai-header-copy strong{font-size:1rem}.falai-language-tools .falai-lang-btn{display:none}.mobile-menu-btn{display:block!important}.falai-nav-row{display:none}.main-wrapper{padding:0 1rem 2rem}.falai-hero{margin:0 -1rem 1rem;padding:1.2rem 1rem 0;min-height:auto}.falai-hero-inner{min-height:auto;gap:1rem}.falai-brand-lockup{margin-bottom:1rem}.falai-gp-logo{width:76px;height:76px;flex-basis:76px;border-width:3px}.falai-logo-fallback{font-size:2.2rem}.falai-brand-divider{height:45px}.falai-hero-copy h1{font-size:2.45rem;letter-spacing:-1px}.falai-hero-marathi{font-size:1.05rem}.falai-meta-row{grid-template-columns:1fr 1fr}.falai-contact-strip{margin-top:50px;grid-template-columns:1fr 1fr;border-radius:14px}.falai-contact-strip>div{padding:.75rem;border-bottom:1px solid #DCE4F3}.strip-social{display:none!important}.falai-leader-row{grid-template-columns:repeat(2,1fr);max-height:420px;overflow:auto}.falai-shortcuts{grid-template-columns:1fr}.falai-stats-panel{padding:1rem}.falai-stat strong{font-size:1.15rem}}
/* Falai bug-fix polish */
.falai-seal-wrap img{width:54px;height:54px;object-fit:contain;display:block}.falai-seal-fallback{display:none}
.falai-gp-logo img{width:88px;height:88px;object-fit:contain;display:block}.falai-logo-fallback{display:none}
.falai-meta-row{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch}.falai-meta-row span{display:flex;flex-direction:column;justify-content:center;min-height:64px}.falai-meta-row b{font-size:.64rem!important;letter-spacing:.02em}.falai-meta-row strong{display:block;color:#fff;font-size:1rem;line-height:1.1;font-weight:900}
.falai-census-card{background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(235,244,255,.72));border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(16px)}
.falai-census-grid{display:grid;grid-template-columns:1fr;gap:1rem}.falai-census-glass{padding:1.2rem;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(225,236,255,.52));border:1px solid rgba(91,97,232,.18);box-shadow:0 12px 30px rgba(32,53,112,.1);backdrop-filter:blur(18px)}
.census-card-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(49,70,150,.12)}.census-eyebrow{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#586884;font-weight:800}.census-card-head h3{margin:.2rem 0 0;color:#17377D;font-size:1.3rem}.census-id-badge{display:flex;flex-direction:column;align-items:flex-end;background:rgba(51,65,200,.08);border:1px solid rgba(51,65,200,.16);border-radius:12px;padding:.5rem .7rem}.census-id-badge small{font-size:.62rem;color:#586884}.census-id-badge strong{font-size:.9rem;color:#3341C8}.census-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:1rem}.census-metric-grid>div{padding:.75rem .8rem;border-right:1px solid rgba(49,70,150,.12)}.census-metric-grid>div:last-child{border-right:0}.census-metric-grid strong{display:block;color:#17377D;font-size:1.45rem}.census-metric-grid span{display:block;color:#586884;font-size:.72rem;margin-top:.2rem}
@media(max-width:900px){.falai-meta-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.falai-meta-row{grid-template-columns:1fr 1fr}.falai-census-grid{grid-template-columns:1fr}.census-metric-grid{grid-template-columns:1fr 1fr}.census-metric-grid>div:nth-child(2){border-right:0}.census-metric-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(49,70,150,.12)}.census-card-head{align-items:flex-start;flex-direction:column}.census-id-badge{align-items:flex-start}.falai-gp-logo img{width:60px;height:60px}}
/* Prevent the white contact strip from covering the hero identifier badges. */
.falai-hero{padding-bottom:1.25rem}.falai-contact-strip{margin-top:0;position:relative;z-index:3}

/* Falai bug fix: social/follow-us strip intentionally hidden */
.strip-social{display:none!important}