/* =========================================================
   RAJ E PANCHAYAT PUBLIC THEME
   Old-project header/footer style adapted for this project.
   Change global public design from this single CSS file.
========================================================= */
:root {
        --header-bg-1: #06111f;
        --header-bg-2: #0e2038;
        --header-bg-3: #17395e;
        --header-gold-1: #ffe08a;
        --header-gold-2: #ffb703;
        --header-gold-3: #fff7d9;
        --header-blue: #66d9ff;
        --header-text: #fffaf0;
        --header-muted: rgba(255, 250, 240, 0.78);
        --header-border: rgba(255, 224, 138, 0.20);
        --header-glass: rgba(255,255,255,0.075);
        --header-glass-2: rgba(255,255,255,0.045);
        --header-shadow: 0 14px 34px rgba(0, 0, 0, 0.30);
        --header-shadow-hover: 0 18px 42px rgba(0, 0, 0, 0.38);
        --danger-color: #ef4444;
        --transition: all 0.24s ease;
    }

    * {
        box-sizing: border-box;
    }

    body {
        font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
        background: #f5f7fb;
        color: #243044;
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin: 0;
        padding: 0;
    }

    .header-container {
        position: relative;
        overflow: hidden;
        color: var(--header-text);
        padding: 1rem 0.85rem 0.85rem;
        text-align: center;
        isolation: isolate;
        background:
            radial-gradient(circle at 12% 18%, rgba(255,224,138,0.22), transparent 25%),
            radial-gradient(circle at 88% 12%, rgba(102,217,255,0.16), transparent 24%),
            radial-gradient(circle at 52% 120%, rgba(255,183,3,0.18), transparent 32%),
            linear-gradient(135deg, var(--header-bg-1) 0%, var(--header-bg-2) 52%, var(--header-bg-3) 100%);
        box-shadow: var(--header-shadow);
        border-bottom: 1px solid rgba(255,255,255,0.08);
    }

    .header-container::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -2;
        background-image:
            linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
        background-size: 44px 44px;
        opacity: 0.32;
        mask-image: linear-gradient(to bottom, #000, transparent 90%);
    }

    .header-container::after {
        content: "";
        position: absolute;
        inset: 10px;
        border: 1px solid rgba(255,224,138,0.12);
        border-radius: 22px;
        pointer-events: none;
        z-index: -1;
        box-shadow: inset 0 0 36px rgba(255,224,138,0.045);
    }

    .header-wave {
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        height: 34px;
        z-index: 1;
        opacity: 0.42;
        pointer-events: none;
    }

    .header-wave svg {
        width: 100%;
        height: 100%;
        display: block;
    }

    .header-wave path {
        fill: rgba(255, 224, 138, 0.13);
    }

    .header-sparkle {
        position: absolute;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #fff7d9;
        box-shadow: 0 0 14px rgba(255,224,138,0.95);
        animation: sparkleFloat 4.2s ease-in-out infinite;
        z-index: 1;
        pointer-events: none;
    }

    .header-sparkle.s1 { top: 18%; left: 10%; animation-delay: 0s; }
    .header-sparkle.s2 { top: 24%; right: 16%; animation-delay: 1s; }
    .header-sparkle.s3 { top: 68%; left: 26%; animation-delay: 2s; }
    .header-sparkle.s4 { top: 70%; right: 12%; animation-delay: 1.5s; }

    @keyframes sparkleFloat {
        0%, 100% { transform: translateY(0) scale(1); opacity: 0.48; }
        50% { transform: translateY(-8px) scale(1.5); opacity: 1; }
    }

    .logo-title-tagline {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: stretch;
        justify-content: center;
        gap: 18px;
        flex-wrap: wrap;
        max-width: 1240px;
        margin: 0 auto;
    }

    .logo-title-left,
    .tagline-right {
        background: linear-gradient(135deg, var(--header-glass), var(--header-glass-2));
        border: 1px solid var(--header-border);
        border-radius: 20px;
        box-shadow: 0 12px 28px rgba(0,0,0,0.22);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
    }

    .logo-title-left {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.8rem;
        padding: 0.62rem 0.95rem;
        min-width: 310px;
        position: relative;
        overflow: hidden;
    }

    .logo-title-left::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(120deg, transparent, rgba(255,224,138,0.12), transparent);
        transform: translateX(-100%);
        animation: cardShine 6s linear infinite;
    }

    @keyframes cardShine {
        0%, 35% { transform: translateX(-100%); }
        65%, 100% { transform: translateX(100%); }
    }

    .logo-title-left img {
        height: 62px;
        width: auto;
        filter: drop-shadow(0 8px 16px rgba(0,0,0,0.28));
        flex-shrink: 0;
        position: relative;
        z-index: 1;
    }

    .title {
        margin: 0;
        font-size: clamp(1.28rem, 2vw, 1.72rem);
        font-weight: 900;
        color: var(--header-gold-1);
        text-shadow: 0 2px 14px rgba(0,0,0,0.34);
        position: relative;
        letter-spacing: 0.3px;
        line-height: 1.12;
        z-index: 1;
    }

    .title::after {
        content: "";
        position: absolute;
        bottom: -8px;
        left: 0;
        width: 74px;
        height: 3px;
        border-radius: 999px;
        background: linear-gradient(90deg, rgba(255,224,138,0.15), rgba(255,224,138,1), rgba(102,217,255,0.8));
        box-shadow: 0 0 14px rgba(255,224,138,0.38);
    }

    .tagline-right {
        text-align: left;
        max-width: 650px;
        padding: 0.82rem 1.02rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .tagline {
        font-size: 0.98rem;
        margin: 0;
        color: var(--header-gold-1);
        font-style: italic;
        font-weight: 750;
        line-height: 1.42;
    }

    .tagline a {
        color: transparent;
        text-decoration: none;
    }

    .tagline1 {
        font-size: 0.82rem;
        margin-top: 0.24rem;
        color: var(--header-muted);
        font-style: italic;
        line-height: 1.35;
    }

    .session-info {
        position: relative;
        z-index: 2;
        text-align: center;
        color: var(--header-text);
        font-size: 0.82rem;
        margin-top: 0.72rem;
        background: linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,224,138,0.08));
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        padding: 0.48rem 0.92rem;
        border-radius: 999px;
        font-weight: 600;
        border: 1px solid rgba(255,224,138,0.20);
        box-shadow: 0 10px 24px rgba(0,0,0,0.22);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }

    .nav-container {
        position: sticky;
        top: 0;
        z-index: 999;
        background: rgba(7, 17, 31, 0.92);
        padding: 0.52rem 0.65rem;
        box-shadow: 0 12px 28px rgba(0,0,0,0.24);
        border-top: 1px solid rgba(255,224,138,0.13);
        border-bottom: 1px solid rgba(255,224,138,0.13);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
    }

    .nav-menu {
        display: flex;
        justify-content: center;
        align-items: center;
        list-style: none;
        padding: 0;
        margin: 0 auto;
        max-width: 1420px;
        position: relative;
        flex-wrap: wrap;
        gap: 0.36rem;
    }

    .nav-menu > li {
        margin: 0;
        position: relative;
    }

    .nav-menu a,
    .nav-menu .nav-link,
    .dropbtn {
        color: var(--header-text);
        text-decoration: none;
        font-weight: 700;
        padding: 0.64rem 0.92rem;
        border-radius: 14px;
        transition: var(--transition);
        display: flex;
        align-items: center;
        gap: 0.44rem;
        cursor: pointer;
        position: relative;
        background: linear-gradient(135deg, rgba(255,255,255,0.075), rgba(255,224,138,0.04));
        border: 1px solid rgba(255,255,255,0.06);
        box-shadow: 0 6px 14px rgba(0,0,0,0.15);
        line-height: 1.14;
        font-size: 0.9rem;
        letter-spacing: 0.1px;
    }

    .nav-menu a i,
    .dropbtn i {
        color: var(--header-gold-1);
        filter: drop-shadow(0 0 8px rgba(255,224,138,0.18));
    }

    .nav-menu a:hover,
    .nav-menu .nav-link:hover,
    .dropbtn:hover,
    .nav-menu > li.dropdown:hover > .dropbtn {
        color: #ffffff;
        background: linear-gradient(135deg, rgba(255,224,138,0.20), rgba(102,217,255,0.07));
        transform: translateY(-2px);
        border-color: rgba(255,224,138,0.30);
        box-shadow: var(--header-shadow-hover);
    }

    .nav-menu a::after,
    .nav-menu .nav-link::after,
    .dropbtn::after {
        content: "";
        position: absolute;
        bottom: 5px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 2px;
        background: linear-gradient(90deg, rgba(255,224,138,0.18), rgba(255,224,138,1), rgba(102,217,255,0.9));
        border-radius: 999px;
        transition: var(--transition);
    }

    .nav-menu a:hover::after,
    .nav-menu .nav-link:hover::after,
    .dropbtn:hover::after,
    .nav-menu > li.dropdown:hover > .dropbtn::after {
        width: 62%;
    }

    .nav-menu a.active,
    .dropbtn.active {
        background: linear-gradient(135deg, rgba(255,224,138,0.24), rgba(255,255,255,0.09));
        border-color: rgba(255,224,138,0.36);
        box-shadow: 0 10px 24px rgba(0,0,0,0.26);
        font-weight: 800;
        color: #fff;
    }

    .nav-menu a.active::after,
    .dropbtn.active::after {
        width: 62% !important;
    }

    .dropdown-menu {
        display: block;
        position: absolute;
        background: linear-gradient(145deg, rgba(6,17,31,0.98), rgba(14,32,56,0.98));
        min-width: 250px;
        box-shadow: 0 20px 48px rgba(0,0,0,0.42);
        z-index: 1000;
        left: 0;
        top: calc(100% - 1px);
        margin-top: 0;
        border-radius: 16px;
        border: 1px solid rgba(255,224,138,0.20);
        padding: 0.48rem;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(6px);
        transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
    }

    .dropdown-menu::before {
        content: "";
        position: absolute;
        top: -1px;
        left: 18px;
        right: 18px;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(255,224,138,0.55), transparent);
    }

    .nav-menu > li.dropdown:hover > .dropdown-menu,
    .nav-menu > li.dropdown:focus-within > .dropdown-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }

    .dropdown-menu a,
    .dropdown-menu .nav-link {
        color: var(--header-text);
        padding: 0.72rem 0.85rem;
        white-space: nowrap;
        display: flex;
        align-items: center;
        border-radius: 12px;
        box-shadow: none;
        background: transparent;
        border: 1px solid transparent;
        font-size: 0.89rem;
        font-weight: 700;
    }

    .dropdown-menu a:hover,
    .dropdown-menu .nav-link:hover {
        background: linear-gradient(135deg, rgba(255,224,138,0.16), rgba(102,217,255,0.06));
        color: #fff;
        transform: translateX(3px);
        border-color: rgba(255,224,138,0.20);
    }

    .dropdown-menu a i,
    .dropdown-menu .nav-link i {
        margin-right: 0.5rem;
        color: var(--header-gold-1);
        width: 17px;
        text-align: center;
    }

    .user-info {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0.1rem 0;
    }

    .user-email {
        font-weight: 750;
        color: var(--header-text);
        background: linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,224,138,0.06));
        border: 1px solid rgba(255,224,138,0.18);
        padding: 0.58rem 0.82rem;
        border-radius: 999px;
        box-shadow: 0 8px 18px rgba(0,0,0,0.18);
        display: inline-flex;
        align-items: center;
        gap: 0.42rem;
        font-size: 0.88rem;
    }

    .logout-btn {
        background: linear-gradient(135deg, rgba(239,68,68,0.94), rgba(185,28,28,0.98)) !important;
        padding: 0.58rem 0.86rem !important;
        border-radius: 999px !important;
        font-weight: 800 !important;
        transition: var(--transition);
        color: #fff !important;
        border: 1px solid rgba(255,255,255,0.12) !important;
        font-size: 0.88rem !important;
    }

    .logout-btn:hover {
        background: linear-gradient(135deg, rgba(220,38,38,1), rgba(127,29,29,1)) !important;
        transform: translateY(-2px) !important;
    }

    .admin-badge {
        background: linear-gradient(135deg, var(--header-gold-1), var(--header-gold-2));
        color: #2b2206;
        padding: 0.23rem 0.55rem;
        border-radius: 999px;
        font-size: 0.64rem;
        font-weight: 900;
        text-transform: uppercase;
        margin-left: 0.35rem;
        box-shadow: 0 6px 12px rgba(0,0,0,0.18);
        letter-spacing: 0.3px;
    }

    .content {
        position: relative;
        z-index: 1;
    }

    @media (max-width: 992px) {
        .header-container {
            padding: 0.85rem 0.65rem 0.75rem;
        }

        .logo-title-tagline {
            flex-direction: column;
            gap: 12px;
            align-items: center;
        }

        .logo-title-left,
        .tagline-right {
            width: min(100%, 620px);
        }

        .tagline-right {
            text-align: center;
        }

        .nav-container {
            position: relative;
        }

        .nav-menu {
            flex-direction: column;
            align-items: stretch;
            gap: 0.45rem;
        }

        .nav-menu > li {
            width: 100%;
        }

        .nav-menu a,
        .nav-menu .nav-link,
        .dropbtn {
            padding: 0.74rem 0.92rem;
            justify-content: space-between;
            width: 100%;
        }

        .dropdown-menu {
            position: static;
            width: 100%;
            min-width: 0;
            margin-top: 0.38rem;
            box-shadow: inset 0 0 0 1px rgba(255,224,138,0.08);
            border-radius: 14px;
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            transform: none;
            transition: none;
        }

        .dropdown-menu a,
        .dropdown-menu .nav-link {
            white-space: normal;
        }

        .session-info {
            display: flex;
            max-width: 96%;
            margin-left: auto;
            margin-right: auto;
            border-radius: 18px;
            justify-content: center;
        }
    }

    @media (max-width: 768px) {
        .header-container::after {
            inset: 7px;
            border-radius: 17px;
        }

        .logo-title-left {
            justify-content: flex-start;
            min-width: 0;
            padding: 0.58rem 0.72rem;
        }

        .logo-title-left img {
            height: 52px;
        }

        .title {
            font-size: 1.18rem;
        }

        .tagline-right {
            padding: 0.68rem 0.8rem;
        }

        .tagline {
            font-size: 0.88rem;
        }

        .tagline1 {
            font-size: 0.76rem;
        }

        .session-info {
            font-size: 0.74rem;
            padding: 0.48rem 0.72rem;
        }

        .user-info {
            flex-direction: column;
            width: 100%;
        }

        .user-email,
        .logout-btn {
            width: 100%;
            justify-content: center;
        }
    }

    @media (max-width: 480px) {
        .logo-title-left {
            gap: 0.58rem;
        }

        .logo-title-left img {
            height: 44px;
        }

        .title {
            font-size: 1.04rem;
        }

        .title::after {
            width: 50px;
        }

        .tagline {
            font-size: 0.82rem;
        }

        .tagline1 {
            font-size: 0.72rem;
        }

        .nav-container {
            padding: 0.42rem 0.46rem;
        }

        .nav-menu a,
        .nav-menu .nav-link,
        .dropbtn {
            font-size: 0.86rem;
            padding: 0.68rem 0.82rem;
        }
    }

/* Project compatibility helpers */
.content { min-height: 60vh; }
.header-container a, .nav-container a, .site-footer a { text-decoration: none; }
.nav-container .nav-menu a.active, .nav-container .dropbtn.active { color:#fff; }
.public-menu-toggle { display:none; }
.page-wrap { width:min(100%, 100%); }

/* Hide Google auto ads/chips on post document pages only */
body.post-no-ads ins.adsbygoogle,
body.post-no-ads .adsbygoogle,
body.post-no-ads .adsbygoogle-noablate,
body.post-no-ads .google-auto-placed,
body.post-no-ads [id^="google_ads_iframe"],
body.post-no-ads [id*="google_ads_iframe"],
body.post-no-ads iframe[src*="googlesyndication"],
body.post-no-ads iframe[src*="doubleclick"],
body.post-no-ads div[id^="aswift"],
body.post-no-ads div[id*="google"] {
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    max-height:0!important;
    overflow:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}

:root {
        --footer-bg-1: #060910;
        --footer-bg-2: #0f1725;
        --footer-bg-3: #1a2740;
        --footer-gold-1: #ffd66b;
        --footer-gold-2: #ffb703;
        --footer-gold-3: #fff2bf;
        --footer-gold-4: #d39b10;
        --footer-text: #fdf9f0;
        --footer-muted: #ddd5c2;
        --footer-border: rgba(255, 214, 107, 0.18);
        --footer-shadow: 0 10px 30px rgba(0,0,0,0.32);
        --footer-shadow-hover: 0 14px 40px rgba(0,0,0,0.38);
    }

    .site-footer {
        position: relative;
        overflow: hidden;
        margin-top: 1.8rem;
        padding: 1.2rem 0 0;
        color: var(--footer-text);
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        background:
            radial-gradient(circle at top left, rgba(255,214,107,0.10), transparent 22%),
            radial-gradient(circle at top right, rgba(255,183,3,0.10), transparent 20%),
            radial-gradient(circle at bottom right, rgba(255,255,255,0.04), transparent 24%),
            linear-gradient(135deg, var(--footer-bg-1) 0%, var(--footer-bg-2) 48%, var(--footer-bg-3) 100%);
        border-top: 1px solid rgba(255,255,255,0.06);
    }

    .site-footer::before {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        width: 60%;
        height: 4px;
        background: linear-gradient(90deg, transparent, #ffd66b, #fff3c8, #ffb703, transparent);
        animation: topGlowMove 6s linear infinite;
        z-index: 3;
        filter: blur(0.2px);
    }

    .site-footer::after {
        content: "";
        position: absolute;
        inset: 12px;
        border: 1px solid rgba(255,214,107,0.08);
        border-radius: 24px;
        pointer-events: none;
        z-index: 0;
    }

    @keyframes topGlowMove {
        0% { left: -100%; }
        100% { left: 140%; }
    }

    .footer-wave {
        position: absolute;
        top: -1px;
        left: 0;
        width: 100%;
        height: 38px;
        z-index: 1;
        opacity: 0.55;
    }

    .footer-wave svg {
        width: 100%;
        height: 100%;
        display: block;
    }

    .footer-wave path {
        fill: rgba(255, 214, 107, 0.10);
    }

    .footer-shine {
        position: absolute;
        top: 0;
        left: -40%;
        width: 30%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.05), transparent);
        transform: skewX(-18deg);
        animation: footerShineMove 10s linear infinite;
        z-index: 1;
        pointer-events: none;
    }

    @keyframes footerShineMove {
        0% { left: -40%; }
        100% { left: 140%; }
    }

    .footer-bg-circle {
        position: absolute;
        border-radius: 50%;
        pointer-events: none;
        z-index: 0;
        filter: blur(5px);
    }

    .footer-bg-circle.c1 {
        width: 180px;
        height: 180px;
        left: -60px;
        top: -40px;
        background: rgba(255,214,107,0.08);
    }

    .footer-bg-circle.c2 {
        width: 140px;
        height: 140px;
        right: 8%;
        top: 15px;
        background: rgba(255,183,3,0.07);
    }

    .footer-bg-circle.c3 {
        width: 220px;
        height: 220px;
        right: -80px;
        bottom: -90px;
        background: rgba(255,255,255,0.03);
    }

    .footer-bg-circle.c4 {
        width: 120px;
        height: 120px;
        left: 40%;
        bottom: 10px;
        background: rgba(255,214,107,0.04);
    }

    .footer-sparkle {
        position: absolute;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background: #fff3c8;
        box-shadow: 0 0 10px rgba(255,214,107,0.85);
        animation: sparkleFloat 4s ease-in-out infinite;
        z-index: 1;
        pointer-events: none;
    }

    .footer-sparkle.s1 { top: 18%; left: 10%; animation-delay: 0s; }
    .footer-sparkle.s2 { top: 28%; right: 16%; animation-delay: 1s; }
    .footer-sparkle.s3 { top: 62%; left: 22%; animation-delay: 2s; }
    .footer-sparkle.s4 { top: 74%; right: 10%; animation-delay: 1.5s; }
    .footer-sparkle.s5 { top: 48%; left: 50%; animation-delay: 2.5s; }
    .footer-sparkle.s6 { top: 22%; left: 72%; animation-delay: 3s; }
    .footer-sparkle.s7 { top: 34%; left: 34%; animation-delay: 2.2s; }
    .footer-sparkle.s8 { top: 68%; left: 78%; animation-delay: 1.1s; }

    @keyframes sparkleFloat {
        0%, 100% { transform: translateY(0) scale(1); opacity: 0.4; }
        50% { transform: translateY(-8px) scale(1.5); opacity: 1; }
    }

    .footer-corner {
        position: absolute;
        width: 42px;
        height: 42px;
        z-index: 1;
        pointer-events: none;
        opacity: 0.55;
    }

    .corner-tl {
        top: 10px;
        left: 10px;
        border-top: 2px solid rgba(255,214,107,0.35);
        border-left: 2px solid rgba(255,214,107,0.35);
        border-top-left-radius: 14px;
    }

    .corner-tr {
        top: 10px;
        right: 10px;
        border-top: 2px solid rgba(255,214,107,0.35);
        border-right: 2px solid rgba(255,214,107,0.35);
        border-top-right-radius: 14px;
    }

    .corner-bl {
        bottom: 10px;
        left: 10px;
        border-bottom: 2px solid rgba(255,214,107,0.35);
        border-left: 2px solid rgba(255,214,107,0.35);
        border-bottom-left-radius: 14px;
    }

    .corner-br {
        bottom: 10px;
        right: 10px;
        border-bottom: 2px solid rgba(255,214,107,0.35);
        border-right: 2px solid rgba(255,214,107,0.35);
        border-bottom-right-radius: 14px;
    }

    .footer-content {
        position: relative;
        z-index: 2;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 1rem;
    }

    .footer-contact-section {
        text-align: center;
        padding: 0.95rem 0 0.9rem;
        margin-bottom: 0.85rem;
        border-bottom: 1px solid rgba(255,214,107,0.16);
    }

    .contact-header h3 {
        margin: 0 0 0.28rem;
        font-size: 1.5rem;
        font-weight: 700;
        color: #fff;
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
        letter-spacing: 0.25px;
        text-shadow: 0 2px 12px rgba(0,0,0,0.25);
    }

    .contact-header h3 i {
        color: var(--footer-gold-1);
        filter: drop-shadow(0 0 8px rgba(255,214,107,0.35));
    }

    .contact-header p {
        margin: 0 0 0.95rem;
        color: var(--footer-muted);
        font-size: 0.92rem;
    }

    .footer-contact-single-line ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.8rem;
        flex-wrap: wrap;
    }

    .footer-contact-single-line li {
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        gap: 0.56rem;
        padding: 0.54rem 0.9rem;
        border-radius: 15px;
        background: linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,214,107,0.06));
        border: 1px solid var(--footer-border);
        color: var(--footer-text);
        font-size: 0.93rem;
        line-height: 1.25;
        box-shadow: var(--footer-shadow);
        backdrop-filter: blur(12px);
        transition: all 0.28s ease;
    }

    .footer-contact-single-line li::before {
        content: "";
        position: absolute;
        top: 0;
        left: -120%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);
        transition: left 0.55s ease;
    }

    .footer-contact-single-line li:hover::before {
        left: 120%;
    }

    .footer-contact-single-line li:hover {
        transform: translateY(-2px);
        border-color: rgba(255,214,107,0.30);
        box-shadow: var(--footer-shadow-hover);
    }

    .icon-wrap {
        width: 31px;
        height: 31px;
        min-width: 31px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, rgba(255,214,107,0.25), rgba(255,183,3,0.18));
        border: 1px solid rgba(255,214,107,0.24);
        color: var(--footer-gold-1);
        font-size: 0.94rem;
        box-shadow:
            inset 0 0 10px rgba(255,255,255,0.05),
            0 0 12px rgba(255,214,107,0.12);
        animation: iconGlow 2.8s ease-in-out infinite;
    }

    @keyframes iconGlow {
        0%, 100% { box-shadow: inset 0 0 10px rgba(255,255,255,0.05), 0 0 8px rgba(255,214,107,0.08); }
        50% { box-shadow: inset 0 0 10px rgba(255,255,255,0.05), 0 0 16px rgba(255,214,107,0.22); }
    }

    .footer-legal-links {
        padding: 0.78rem 0 0.98rem;
        margin: 0.78rem 0;
        border-top: 1px solid rgba(255,214,107,0.16);
        border-bottom: 1px solid rgba(255,214,107,0.16);
    }

    .legal-title,
    .mini-title {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.45rem;
        color: #fff;
        font-weight: 600;
    }

    .legal-title {
        margin-bottom: 0.75rem;
        font-size: 1rem;
    }

    .mini-title {
        margin-bottom: 0.55rem;
        font-size: 0.9rem;
        color: var(--footer-gold-3);
    }

    .mini-title.left {
        justify-content: flex-start;
        margin-bottom: 0.35rem;
    }

    .legal-title i,
    .mini-title i {
        color: var(--footer-gold-1);
    }

    .legal-container {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.72rem;
        flex-wrap: wrap;
    }

    .legal-link {
        position: relative;
        overflow: hidden;
        text-decoration: none;
        color: var(--footer-text);
        display: inline-flex;
        align-items: center;
        gap: 0.46rem;
        padding: 0.58rem 0.98rem;
        border-radius: 999px;
        background: linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,214,107,0.08));
        border: 1px solid rgba(255,214,107,0.18);
        backdrop-filter: blur(12px);
        box-shadow: var(--footer-shadow);
        font-size: 0.92rem;
        font-weight: 500;
        transition: all 0.28s ease;
        animation: legalPulse 3.5s ease-in-out infinite;
    }

    @keyframes legalPulse {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-1px); }
    }

    .legal-link::before {
        content: "";
        position: absolute;
        top: 0;
        left: -120%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);
        transition: left 0.55s ease;
    }

    .legal-link:hover::before {
        left: 120%;
    }

    .legal-link i {
        color: var(--footer-gold-1);
        font-size: 0.96rem;
        text-shadow: 0 0 8px rgba(255,214,107,0.2);
    }

    .legal-link:hover {
        transform: translateY(-2px) scale(1.02);
        color: #fff;
        border-color: rgba(255,214,107,0.34);
        background: linear-gradient(135deg, rgba(255,214,107,0.16), rgba(255,255,255,0.08));
        box-shadow: var(--footer-shadow-hover);
    }

    .footer-bottom {
        padding: 0.82rem 0 1rem;
    }

    .footer-bottom-content {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.8rem;
    }

    .copyright-card,
    .government-badge {
        position: relative;
        overflow: hidden;
        background: linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,214,107,0.06));
        border: 1px solid rgba(255,214,107,0.16);
        border-radius: 18px;
        box-shadow: var(--footer-shadow);
        backdrop-filter: blur(14px);
    }

    .copyright-card::before,
    .government-badge::before {
        content: "";
        position: absolute;
        top: 0;
        left: 8%;
        width: 84%;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(255,214,107,0.6), transparent);
    }

    .copyright-card {
        padding: 0.92rem 1rem;
        text-align: center;
    }

    .copyright {
        margin: 0;
        font-size: 0.88rem;
        line-height: 1.55;
        color: var(--footer-muted);
    }

    .copyright-text,
    .footer-main-line,
    .admin-info,
    .developer-info {
        display: block;
    }

    .copyright-text {
        margin-bottom: 0.15rem;
    }

    .footer-main-line {
        margin-bottom: 0.2rem;
    }

    .admin-info {
        margin-bottom: 0.15rem;
    }

    .highlight {
        color: var(--footer-gold-1);
        font-weight: 700;
        letter-spacing: 0.2px;
        text-shadow: 0 0 8px rgba(255,214,107,0.18);
    }

    .copyright strong,
    .gov-text strong {
        color: #fff4cf;
        font-weight: 600;
    }

    .government-badge {
        display: flex;
        align-items: flex-start;
        gap: 0.72rem;
        padding: 0.85rem 1rem;
    }

    .gov-icon {
        width: 36px;
        height: 36px;
        min-width: 36px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, rgba(255,214,107,0.24), rgba(255,183,3,0.18));
        border: 1px solid rgba(255,214,107,0.20);
        color: var(--footer-gold-1);
        font-size: 1rem;
        box-shadow:
            inset 0 0 10px rgba(255,255,255,0.04),
            0 0 12px rgba(255,214,107,0.06);
    }

    .gov-text {
        color: var(--footer-muted);
        font-size: 0.83rem;
        line-height: 1.5;
    }

    .gov-text strong {
        display: inline-block;
        margin-right: 0.25rem;
        word-break: break-word;
    }

    @media (max-width: 768px) {
        .site-footer {
            padding: 1rem 0 0;
        }

        .footer-wave {
            height: 24px;
        }

        .contact-header h3 {
            font-size: 1.2rem;
        }

        .contact-header p {
            font-size: 0.86rem;
        }

        .footer-contact-single-line ul {
            flex-direction: column;
            gap: 0.55rem;
        }

        .footer-contact-single-line li {
            width: 100%;
            max-width: 360px;
            justify-content: flex-start;
        }

        .legal-container {
            flex-direction: column;
            gap: 0.55rem;
        }

        .legal-link {
            width: 100%;
            max-width: 300px;
            justify-content: center;
        }

        .government-badge {
            padding: 0.75rem 0.85rem;
        }

        .gov-text {
            font-size: 0.8rem;
        }
    }

    @media (max-width: 480px) {
        .footer-content {
            padding: 0 0.75rem;
        }

        .contact-header p {
            display: none;
        }

        .contact-header h3 {
            font-size: 1.05rem;
        }

        .footer-contact-single-line li {
            font-size: 0.88rem;
            padding: 0.48rem 0.7rem;
        }

        .legal-link {
            font-size: 0.86rem;
            padding: 0.5rem 0.78rem;
        }

        .copyright {
            font-size: 0.81rem;
        }

        .gov-text {
            font-size: 0.76rem;
            line-height: 1.42;
        }

        .gov-icon {
            width: 32px;
            height: 32px;
            min-width: 32px;
        }
    }

/* =========================================================
   HOME PAGE PREMIUM DESIGN
   Controls /public/index.php only. Keep common design here.
========================================================= */
.rp-container{width:min(1220px,94%);margin:0 auto;}
.home-page{background:#f5f7fb;color:#203047;overflow:hidden;}
.home-hero{position:relative;isolation:isolate;padding:44px 0 34px;background:linear-gradient(180deg,#eef4ff 0%,#f8fbff 58%,#ffffff 100%);border-bottom:1px solid #dfe8f4;box-shadow:0 18px 45px rgba(15,23,42,.08);}
.home-hero-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 12% 8%,rgba(255,224,138,.42),transparent 26%),radial-gradient(circle at 88% 6%,rgba(102,217,255,.22),transparent 25%),radial-gradient(circle at 50% 100%,rgba(13,111,215,.09),transparent 35%);}
.home-hero::before{content:"";position:absolute;inset:14px;border-radius:26px;border:1px solid rgba(13,92,170,.08);pointer-events:none;}
.home-hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.72fr);gap:24px;align-items:center;}
.home-hero-content{position:relative;background:rgba(255,255,255,.72);border:1px solid rgba(13,92,170,.12);border-radius:26px;padding:30px;box-shadow:0 22px 54px rgba(15,23,42,.12);backdrop-filter:blur(14px);overflow:hidden;}
.home-hero-content::before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,183,3,.70),transparent);}
.home-kicker{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#07111f,#173b61);color:#ffe08a;border:1px solid rgba(255,224,138,.24);border-radius:999px;padding:9px 14px;font-weight:900;font-size:13px;box-shadow:0 12px 24px rgba(7,17,31,.18);margin-bottom:14px;}
.home-hero h1{margin:0;color:#172235;font-size:clamp(2.3rem,5vw,4.8rem);line-height:.98;font-weight:950;letter-spacing:-.05em;text-shadow:0 1px 0 #fff;}
.home-lead{margin:18px 0 0;color:#5f6e83;font-size:clamp(1rem,1.6vw,1.24rem);max-width:760px;line-height:1.7;font-weight:600;}
.home-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;}
.home-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;border-radius:14px;padding:12px 16px;font-weight:950;transition:all .22s ease;border:1px solid transparent;box-shadow:0 12px 25px rgba(15,23,42,.10);line-height:1.1;}
.home-btn:hover{transform:translateY(-2px);box-shadow:0 18px 35px rgba(15,23,42,.16);}
.home-btn-primary{background:linear-gradient(135deg,#0d6fd7,#094e9a);color:#fff;border-color:#0d6fd7;}
.home-btn-soft{background:#fff;color:#0d6fd7;border-color:#bfdcff;}
.home-btn-dark{background:linear-gradient(135deg,#07111f,#173b61);color:#ffe08a;border-color:rgba(255,224,138,.22);}
.home-status-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#07111f,#10243c 56%,#173b61);border:1px solid rgba(255,224,138,.22);border-radius:26px;padding:20px;box-shadow:0 24px 62px rgba(6,17,31,.28);color:#fff;}
.home-status-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 0%,rgba(255,224,138,.18),transparent 28%),radial-gradient(circle at 90% 0%,rgba(102,217,255,.13),transparent 28%);pointer-events:none;}
.home-status-head{position:relative;display:flex;align-items:center;gap:12px;margin-bottom:15px;}
.home-status-head span{width:48px;height:48px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffe08a,#ffb703);color:#172235;font-size:22px;box-shadow:0 12px 24px rgba(255,183,3,.22);}
.home-status-head strong{display:block;color:#ffe08a;font-weight:950;font-size:18px;}
.home-status-head small{display:block;color:rgba(255,255,255,.72);font-weight:650;}
.home-status-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-top:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.82);font-weight:800;}
.home-status-row b{color:#fff;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.11);padding:5px 10px;border-radius:999px;font-size:12px;}
.home-section{padding:38px 0;}
.home-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px;}
.home-mini-title{display:inline-flex;color:#0d6fd7;font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:12px;margin-bottom:6px;}
.home-section-head h2{margin:0;color:#172235;font-weight:950;font-size:clamp(1.7rem,3vw,2.6rem);letter-spacing:-.03em;}
.home-section-head p{margin:8px 0 0;color:#617086;font-weight:600;max-width:700px;}
.home-link-btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;background:#fff;color:#0d6fd7;border:1px solid #cfe4ff;border-radius:999px;padding:10px 14px;font-weight:950;box-shadow:0 12px 24px rgba(15,23,42,.08);white-space:nowrap;}
.home-link-btn:hover{color:#084d91;transform:translateY(-1px);}
.home-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.home-module-card{position:relative;overflow:hidden;text-decoration:none;color:#243044;background:#fff;border:1px solid #e0e9f5;border-radius:24px;padding:20px;box-shadow:0 18px 42px rgba(15,23,42,.09);transition:all .24s ease;min-height:210px;display:flex;flex-direction:column;}
.home-module-card::before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(13,111,215,.50),transparent);}
.home-module-card:hover{transform:translateY(-5px);border-color:#bedaff;box-shadow:0 24px 55px rgba(15,23,42,.14);}
.home-module-icon{width:56px;height:56px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d6fd7,#094e9a);color:#fff;font-size:22px;box-shadow:0 15px 30px rgba(13,111,215,.22);margin-bottom:15px;}
.home-module-card:nth-child(2) .home-module-icon{background:linear-gradient(135deg,#ffb703,#d98b00);}
.home-module-card:nth-child(3) .home-module-icon{background:linear-gradient(135deg,#172235,#314767);}
.home-module-card:nth-child(4) .home-module-icon{background:linear-gradient(135deg,#139466,#08714c);}
.home-module-card h3{margin:0;color:#172235;font-weight:950;font-size:18px;line-height:1.25;}
.home-module-card p{margin:9px 0 0;color:#65758b;line-height:1.62;font-weight:600;}
.home-stats-section{padding-top:0;}
.home-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.home-stat-card{position:relative;background:linear-gradient(135deg,#fff,#f7fbff);border:1px solid #dfe9f6;border-radius:22px;padding:18px;box-shadow:0 14px 32px rgba(15,23,42,.08);overflow:hidden;}
.home-stat-card::after{content:"";position:absolute;right:-20px;bottom:-25px;width:92px;height:92px;border-radius:50%;background:rgba(13,111,215,.08);}
.home-stat-card span{display:block;color:#68778d;font-weight:850;font-size:13px;}
.home-stat-card b{display:block;color:#172235;font-size:32px;font-weight:950;margin-top:2px;line-height:1;}
@media (max-width: 992px){.home-hero-grid{grid-template-columns:1fr;}.home-module-grid,.home-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.home-section-head{align-items:flex-start;flex-direction:column;}.home-link-btn{white-space:normal;}.home-hero-content{padding:24px;}}
@media (max-width: 560px){.home-hero{padding:24px 0;}.home-module-grid,.home-stat-grid{grid-template-columns:1fr;}.home-actions{flex-direction:column;}.home-btn{width:100%;}.home-hero h1{font-size:2.45rem;}.home-hero-content,.home-status-card{border-radius:20px;padding:18px;}.home-module-card{min-height:auto;}.rp-container{width:min(100% - 20px,1220px);}}