:root{
  --primary:#173b75;
  --primary-dark:#102a55;
  --accent:#c89b3c;
  --accent-light:#f4e5bd;
  --ink:#172033;
  --muted:#667085;
  --surface:#f7f9fc;
  --white:#fff;
  --border:#e6eaf0;
}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);line-height:1.7;background:#fff}
a{text-decoration:none}
.navbar{background:rgba(16,42,85,.97);backdrop-filter:blur(12px)}
.navbar .navbar-brand,.navbar .nav-link{color:#fff}
.navbar .nav-link{font-weight:600;padding:.75rem .9rem}
.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--accent-light)}
.navbar-brand span{color:var(--accent)}
.hero{background:linear-gradient(135deg,#102a55 0%,#173b75 58%,#285b9d 100%);color:#fff;padding:110px 0 95px;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-130px;top:-140px;box-shadow:0 0 0 80px rgba(255,255,255,.03),0 0 0 160px rgba(255,255,255,.02)}
.hero h1{font-weight:800;letter-spacing:-1px}
.hero .lead{color:rgba(255,255,255,.82);max-width:680px}
.btn-primary{background:var(--accent);border-color:var(--accent);color:#172033;font-weight:700}
.btn-primary:hover{background:#b4862c;border-color:#b4862c;color:#fff}
.btn-outline-light:hover{color:var(--primary)}
.section{padding:80px 0}
.section-sm{padding:55px 0}
.section-title{max-width:720px;margin:0 auto 45px;text-align:center}
.section-title h2{font-weight:800}
.section-title p{color:var(--muted)}
.card-modern{border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(16,42,85,.07);height:100%;transition:.2s}
.card-modern:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(16,42,85,.12)}
.icon-box{width:58px;height:58px;border-radius:15px;background:var(--accent-light);color:var(--primary);display:grid;place-items:center;font-size:1.35rem;font-weight:800}
.page-hero{background:linear-gradient(135deg,#102a55,#285b9d);color:#fff;padding:70px 0}
.page-hero h1{font-weight:800}
.text-muted{color:var(--muted)!important}
.bg-soft{background:var(--surface)}
.process-step{position:relative;padding-left:70px}
.process-step .num{position:absolute;left:0;top:0;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:800}
.cta{background:linear-gradient(135deg,#102a55,#173b75);color:#fff;border-radius:24px;padding:55px}
footer{background:#0d1b31;color:#cbd5e1}
footer a{color:#cbd5e1}
footer a:hover{color:#fff}
.footer-title{color:#fff;font-weight:700}
.form-control,.form-select{border-radius:10px;padding:.75rem 1rem;border-color:#d9dee8}
.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(23,59,117,.12)}
.map-wrap{min-height:380px;border-radius:18px;overflow:hidden;background:#e9eef5}
.map-wrap iframe{width:100%;height:100%;min-height:380px;border:0}
.login-card{max-width:480px;margin:auto}
.badge-soft{background:#eef4ff;color:var(--primary);font-weight:700}
img{max-width:100%;height:auto}
.hero-placeholder,.image-placeholder{background:linear-gradient(135deg,#e8edf5,#cfd9e8);min-height:300px;border-radius:22px;display:grid;place-items:center;color:#617089;font-weight:700}
.hero-placeholder{min-height:410px}
.list-check{padding-left:0;list-style:none}
.list-check li{margin:.65rem 0;padding-left:1.8rem;position:relative}
.list-check li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:900}
.breadcrumb-item a{color:#fff}
@media(max-width:767.98px){
 .hero{padding:75px 0 65px}
 .hero h1{font-size:2.25rem}
 .section{padding:60px 0}
 .cta{padding:35px 25px}
}