/* Vhanja Final Premium Brand Kit V1 - public website visual layer */
:root{
  --vcl-navy:#07111f;--vcl-navy-2:#0c1d34;--vcl-blue:#123a66;--vcl-gold:#d7a84b;--vcl-gold-2:#f2d188;--vcl-cream:#fff8ea;--vcl-ink:#172033;--vcl-muted:#667085;--vcl-line:rgba(15,35,60,.12);--vcl-shadow:0 24px 70px rgba(7,17,31,.14);--vcl-radius:24px;--vcl-radius-sm:16px;--vcl-font-display:'Manrope','Inter',system-ui,sans-serif;--vcl-font-body:'Inter',system-ui,sans-serif;
}
html{scroll-behavior:smooth}body{font-family:var(--vcl-font-body);color:var(--vcl-ink);background:linear-gradient(180deg,#fff 0%,#fbfcff 45%,#fff 100%)}
h1,h2,h3,h4,.vg-title,.title{font-family:var(--vcl-font-display);letter-spacing:-.035em}.vg-eyebrow,.eyebrow{letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--vcl-gold);font-size:.76rem}.vg-site a{transition:color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.vg-site img{max-width:100%;height:auto}.vg-brand-mark{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--vcl-gold),var(--vcl-gold-2));color:var(--vcl-navy);font-weight:900;box-shadow:0 14px 32px rgba(215,168,75,.28)}
.btn,.vg-btn-gold,.vg-btn-light,.primary,.ghost,button[type="submit"]{border-radius:999px!important;font-weight:800!important;letter-spacing:-.01em!important}.vg-btn-gold,.btn.primary,.primary,button[type="submit"]{background:linear-gradient(135deg,var(--vcl-gold),var(--vcl-gold-2))!important;color:#07111f!important;border:0!important;box-shadow:0 18px 35px rgba(215,168,75,.27)!important}.vg-btn-gold:hover,.btn.primary:hover,.primary:hover,button[type="submit"]:hover{transform:translateY(-2px);box-shadow:0 24px 48px rgba(215,168,75,.34)!important}.vg-btn-light,.ghost{background:rgba(255,255,255,.9)!important;border:1px solid rgba(255,255,255,.35)!important;color:var(--vcl-navy)!important;backdrop-filter:blur(14px)}
.card,.vg-card,.service-card,.project,.tool-card,.article-card,.city,.cert,.mini-card,.step{border:1px solid var(--vcl-line)!important;border-radius:var(--vcl-radius)!important;box-shadow:0 15px 45px rgba(7,17,31,.08);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.88));overflow:hidden}.card:hover,.vg-card:hover,.service-card:hover,.tool-card:hover,.article-card:hover{transform:translateY(-4px);box-shadow:var(--vcl-shadow)}
input,select,textarea{border-radius:16px!important;border:1px solid var(--vcl-line)!important;background:#fff!important;box-shadow:0 10px 22px rgba(7,17,31,.04)!important}input:focus,select:focus,textarea:focus{outline:3px solid rgba(215,168,75,.22)!important;border-color:var(--vcl-gold)!important}.vg-footer{background:radial-gradient(circle at 20% 0%,rgba(215,168,75,.18),transparent 34%),linear-gradient(135deg,#07111f,#0d223b)!important}.vg-footer-cta{border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04));backdrop-filter:blur(16px);border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.24)}.vg-footer-brand{font-weight:900;color:#fff}.vg-footer a:hover{color:var(--vcl-gold-2)!important}.vg-floating-actions a{box-shadow:0 18px 42px rgba(7,17,31,.22)}
.vcl-brand-ribbon{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(215,168,75,.35);background:rgba(255,248,234,.9);color:var(--vcl-navy);border-radius:999px;padding:8px 14px;font-weight:800;font-size:.82rem}.vcl-brand-ribbon::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--vcl-gold);box-shadow:0 0 0 6px rgba(215,168,75,.18)}
@media(max-width:768px){:root{--vcl-radius:20px}.container,.wrap{padding-left:18px!important;padding-right:18px!important}h1,.title{letter-spacing:-.045em}.card,.vg-card,.service-card,.project,.tool-card{border-radius:20px!important}.vg-footer-cta{padding:22px!important}.vg-floating-actions{bottom:14px!important;right:14px!important}}
@media(prefers-reduced-motion:no-preference){.card,.vg-card,.service-card,.tool-card,.article-card,.project{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.vcl-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.vcl-reveal.is-visible{opacity:1;transform:none}}
@media print{.vg-floating-actions,.navbar,.vg-footer-cta-actions{display:none!important}body{background:#fff!important}.card,.vg-card{box-shadow:none!important;border:1px solid #ddd!important}}