/* SIGAP PPPA — FUTURISTIC EXECUTIVE NAVY / CHAMPAGNE GOLD
   Visual layer only. Existing PHP routes, forms, database calls and image assets are preserved. */
:root{
 --sigap-navy:#06152f;--sigap-navy-2:#0a2850;--sigap-navy-3:#123b68;
 --sigap-gold:#e7bd62;--sigap-gold-bright:#ffd982;--sigap-ivory:#f5f3ed;
 --sigap-ink:#10213d;--sigap-muted:#718098;--sigap-line:rgba(15,39,72,.13);
 --sigap-glass:rgba(8,29,59,.78);--sigap-shadow:0 18px 48px rgba(3,17,39,.18);
}
html{scroll-behavior:smooth}
body{background:var(--sigap-ivory)!important;color:var(--sigap-ink)!important}
.utility{background:linear-gradient(100deg,#041127,#0b2b55 58%,#071a36)!important;color:#f8f4e9!important;border-bottom:1px solid rgba(231,189,98,.32)}
.utility .wrap{min-height:39px}
.utility a,.utility span{color:#eee9dd}
.login{background:linear-gradient(135deg,#f8dda0,#d6a542)!important;color:#071a35!important;border:1px solid #ffe8b4;box-shadow:0 5px 18px rgba(231,189,98,.24)}
header{background:linear-gradient(105deg,#07172f,#0a2850 72%,#06152f)!important;border-bottom:1px solid rgba(231,189,98,.35)!important;box-shadow:0 12px 32px rgba(3,17,39,.18)}
.head{min-height:104px}
.brand .gov{color:#f2e7ca!important;letter-spacing:.09em}
.brand strong{color:#fff!important;font-size:clamp(27px,2.4vw,36px)}
.brand small{color:#d4dbea!important}
.nav{color:#f7f4ec!important;gap:clamp(10px,1.3vw,22px)}
.nav a,.nav-group>button{color:#f7f4ec!important}
.nav a:hover,.nav-group>button:hover{color:var(--sigap-gold-bright)!important;text-decoration-color:var(--sigap-gold)!important}
.nav .active{background:linear-gradient(135deg,#f7d98e,#c89536)!important;color:#071a35!important;border:1px solid #ffe7b1;box-shadow:0 7px 22px rgba(231,189,98,.22)}
.search{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(231,189,98,.4)!important}
.search:hover{background:rgba(231,189,98,.16)!important;box-shadow:0 0 0 3px rgba(231,189,98,.14)!important}
.menu-toggle{background:#102d55!important;color:#f5d58d!important;border:1px solid rgba(231,189,98,.4)!important}
.hero{position:relative;isolation:isolate;min-height:clamp(470px,40vw,620px)!important;background-color:#06152f!important;background-blend-mode:normal;color:#fff!important}
.hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,15,36,.97) 0%,rgba(5,24,52,.88) 34%,rgba(5,24,52,.25) 72%,rgba(5,24,52,.08) 100%),linear-gradient(0deg,rgba(4,15,36,.48),transparent 36%);border-bottom:1px solid rgba(231,189,98,.35)}
.hero-inner{position:relative;z-index:1;padding:clamp(54px,6vw,90px) 0 105px!important}
.eyebrow{color:var(--sigap-gold-bright)!important;letter-spacing:.14em!important}
.eyebrow:before{background:linear-gradient(90deg,#fff0bf,#d4a344)!important;box-shadow:0 0 16px rgba(255,217,130,.55)}
.hero h1{color:#fff!important;max-width:760px;text-shadow:0 5px 24px rgba(0,0,0,.28)}
.hero h1 span{color:var(--sigap-gold-bright)!important}
.hero p{color:#f4f0e7!important;text-shadow:0 2px 12px rgba(0,0,0,.3)}
.actions{gap:16px}
.btn{border-radius:13px!important;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.btn-main{background:linear-gradient(135deg,#ffe7a9,#d7a13b)!important;color:#071a35!important;border:1px solid #fff0c6!important;box-shadow:0 10px 28px rgba(0,0,0,.22),0 0 24px rgba(231,189,98,.15)}
.btn-ghost{background:rgba(7,25,52,.45)!important;border:1px solid rgba(255,255,255,.72)!important;color:#fff!important;backdrop-filter:blur(12px)}
.btn:hover,.login:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 13px 30px rgba(0,0,0,.25)}
.quick{margin-top:-54px!important;position:relative;z-index:4;background:linear-gradient(135deg,rgba(8,29,59,.96),rgba(15,48,85,.91))!important;border:1px solid rgba(231,189,98,.58)!important;border-radius:22px!important;padding:20px 10px!important;box-shadow:0 18px 50px rgba(3,17,39,.3),inset 0 1px rgba(255,255,255,.18)!important;backdrop-filter:blur(18px)}
.quick-card{border-right:1px solid rgba(231,189,98,.28)!important;padding:8px 18px!important;color:#fff!important}
.quick-card:last-child{border-right:0!important}
.qicon,.qicon.green,.qicon.blue,.qicon.yellow,.qicon.purple{background:linear-gradient(145deg,#173b68,#071a36)!important;color:var(--sigap-gold-bright)!important;border:1px solid rgba(231,189,98,.68)!important;box-shadow:0 5px 20px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.16)}
.quick h3{color:#fff!important}
.quick p{color:#d5deeb!important}
.round-arrow{color:var(--sigap-gold-bright)!important}
.content{padding:42px 0 64px!important;background:linear-gradient(180deg,#f5f3ed,#edf1f7)!important}
.section-title h2{color:#0a2142!important}
.section-icon{background:linear-gradient(145deg,#f4d78f,#c89437)!important;color:#091b36!important;box-shadow:0 5px 14px rgba(170,124,39,.2)}
.seeall{color:#9b7026!important}
.news-grid{gap:18px}
.news-card,.service,.form-card{background:#fff!important;border:1px solid #dce2eb!important;border-radius:18px!important;box-shadow:0 12px 32px rgba(8,29,59,.08)!important}
.news-card:hover,.service:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(8,29,59,.15)!important;border-color:rgba(201,157,70,.7)!important}
.news-img{background:linear-gradient(135deg,#dce4ee,#b8c5d7)!important}
.news-date{background:#f6e6bf!important;color:#6e4c12!important;border:1px solid #e3c47d}
.tag{background:#e9dfc8!important;color:#76551d!important}
.news-body h3,.service h3{color:#0b2346!important}
.agenda{background:linear-gradient(145deg,#fff,#edf1f7)!important;border:1px solid #dce2eb!important;box-shadow:0 12px 32px rgba(8,29,59,.08)!important}
.datebox{background:linear-gradient(145deg,#fff4d8,#ead09a)!important;border:1px solid #d9b96e!important;color:#73521a!important}
.agenda-item span,.news-body p,.service p{color:#64738a!important}
.more-services{background:#edf1f7!important}
.forms{background:#edf1f7!important}
.form-card h2{color:#0b2346!important}
.field label{color:#243b5d!important}
.field input,.field select,.field textarea{border:1px solid #cfd8e5!important;background:#fff!important;color:#132746!important;border-radius:11px!important}
.field input:focus,.field select:focus,.field textarea:focus{outline:none!important;border-color:#c9a45c!important;box-shadow:0 0 0 3px rgba(201,164,92,.18)!important}
.form-card .btn{background:linear-gradient(135deg,#f5d78f,#c89536)!important;color:#081a34!important;border:1px solid #e8c777!important}
.notice{background:#f8f1df!important;border:1px solid #e4c77e!important;color:#684c19!important}
.sigap-ticker{background:linear-gradient(100deg,#041127,#0b2b55 55%,#071a36)!important;color:#f5f1e8!important;border-color:rgba(231,189,98,.5)!important;box-shadow:0 10px 30px rgba(3,17,39,.2)!important}
.sigap-ticker:before{background:linear-gradient(135deg,#ffe7a9,#d7a13b)!important;color:#071a35!important}
.ticker-mark,.ticker-dot{color:#f3d58d!important}
footer{background:linear-gradient(110deg,#041127,#0b2b55 58%,#06152f)!important;color:#f4f0e7!important;border-top:1px solid rgba(231,189,98,.45)}
footer small,.portfolio-note,.independent-dev-copy>span:last-child{color:#d0d9e7!important}
.independent-label,.independent-arrow,.independent-wa>span:first-child{color:#f3d58d!important}
.independent-dev{border-color:rgba(231,189,98,.28)!important}
.independent-wa{background:rgba(231,189,98,.08)!important;border-color:rgba(231,189,98,.45)!important}
.independent-wa:hover{background:rgba(231,189,98,.16)!important;border-color:#f3d58d!important}
.nav-group .dropdown{background:#0b2345!important;color:#f7f4ec!important;border-color:rgba(231,189,98,.4)!important}
.nav-group .dropdown a{color:#f7f4ec!important}
.nav-group .dropdown a:hover{background:rgba(231,189,98,.14)!important;color:#ffe4a2!important}
:where(a,button,.btn,.quick-card,.service,.news-card,.form-card,.agenda,.nav-group .dropdown a):focus-visible{outline:3px solid #e7bd62!important;outline-offset:3px}
@media(max-width:760px){
 header{background:#071a36!important}
 .nav{background:#0a2347!important;border-top:1px solid rgba(231,189,98,.35)!important}
 .nav a,.nav-group>button{color:#f7f4ec!important}
 .nav .active{color:#071a35!important}
 .hero{min-height:470px!important;background-position:61% center!important}
 .hero-inner{padding:48px 0 82px!important}
 .quick{margin-top:-35px!important;grid-template-columns:1fr 1fr!important}
 .quick-card{border-bottom:1px solid rgba(231,189,98,.22)!important}
 .quick-card:nth-child(odd){border-right:1px solid rgba(231,189,98,.22)!important}
 .quick-card:nth-last-child(-n+2){border-bottom:0!important}
 .content{padding-top:30px!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Inner public pages: same visual identity as the new home page. */
.page-hero{background:linear-gradient(115deg,#06152f,#0b2b55 62%,#123b68)!important;color:#fff!important;border-bottom:1px solid rgba(231,189,98,.42)}
.page-hero h1,.page-hero h2{color:#fff!important}
.page-hero p,.page-crumb{color:#e0e7f1!important}
.page-hero .btn,.page-main .btn,.kla-page .btn,.survey-page .btn{background:linear-gradient(135deg,#ffe7a9,#d7a13b)!important;color:#071a35!important;border:1px solid #fff0c6!important}
.page-main,.kla-main,.survey-main{background:#f2f4f8!important;color:#172943!important}
.page-main h1,.page-main h2,.page-main h3,.kla-main h1,.kla-main h2,.kla-main h3{color:#0b2346!important}
.page-main a,.kla-main a,.survey-main a{color:#9b7026}
.page-main input,.page-main select,.page-main textarea,.kla-main input,.kla-main select,.kla-main textarea{border-color:#cfd8e5!important}
.page-main input:focus,.page-main select:focus,.page-main textarea:focus,.kla-main input:focus,.kla-main select:focus,.kla-main textarea:focus{border-color:#c9a45c!important;box-shadow:0 0 0 3px rgba(201,164,92,.18)!important}