/* Larger critical CSS for home page (extracted from main style.css) */

:root{--nav-h:60px;--content-max-width:1100px;--clr-primary:#052c65;--clr-accent:#e8a020}
html,body{height:100%;margin:0;font-family:Segoe UI, Tahoma, Geneva, Verdana, sans-serif;color:#1e2533}
.container{max-width:var(--content-max-width);margin:0 auto;padding:0 12px}

/* Header / Navbar */
.navbar{position:sticky;top:0;z-index:99999;background:linear-gradient(to bottom,#052c65 0,#09357d 100%);box-shadow:0 4px 20px rgba(0,0,0,.10);height:var(--nav-h)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1320px;margin:0 auto;height:100%;padding:0 16px}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.nav-logo img{height:38px;width:auto}
.nav-logo-text{display:flex;flex-direction:column}
.nav-logo-text strong{color:#fff;font-size:17px;font-weight:700;line-height:1.1}
.nav-logo-text span{color:#fff;font-size:12px;text-transform:uppercase}
.nav-menu{display:flex;align-items:center;list-style:none;gap:8px;height:100%}
.nav-item{position:relative;height:100%;display:flex;align-items:center}
.nav-trigger{display:flex;align-items:center;gap:5px;padding:8px 14px;background:none;border:0;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer}
.nav-trigger:hover{background:rgba(255,255,255,.08)}
.dropdown{position:absolute;top:calc(100% + 2px);left:0;min-width:240px;background:#fff;border:1px solid #dce3ee;border-radius:8px;padding:6px 0;box-shadow:0 4px 20px rgba(0,0,0,.10);max-height:70vh;overflow-y:auto}
.dropdown a{display:block;padding:9px 18px;color:#1e2533;text-decoration:none;font-size:15px}

/* Typography / Hero */
h1{font-family:Roboto, sans-serif;font-weight:400;font-size:clamp(1.9rem,4vw,2rem);color:#052c65;margin:0 0 .5rem}
h2{font-family:Roboto, sans-serif;font-weight:400;font-size:clamp(1.4rem,3vw,1.8rem);color:#0f2082;margin:0 0 .5rem}
p{font-size:clamp(1rem,2vw,1.15rem);text-align:justify}

/* Layout */
.row{display:flex;flex-wrap:wrap}
.col-md-6{width:50%;padding:8px}
.img-thumbnail{max-width:100%;height:auto;border-radius:6px}
.list-group{display:block}
.list-group-item{padding:.5rem .75rem;border-bottom:1px solid #f0f4fb}

/* Buttons */
.btn{display:inline-block;padding:.45rem .9rem;border-radius:6px;text-decoration:none}
.btn-primary{background:#052c65;color:#fff}

/* Helpers */
.mt50{margin-top:50px}
.pt30{padding-top:30px}

/* Ads */
.ad-slot.no-ad,.ad-container.no-ad{display:none!important;height:0!important;padding:0!important;margin:0!important;overflow:hidden!important}

@media (max-width:768px){.col-md-6{width:100%}.nav-menu{display:none}}
