:root{
  --bg-light: #f5f6f7;
  --accent: #02a5a5;
  --darkblue: #014581;
  --card: #ffffff;
  --muted: #6c757d;
  font-family: 'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

*{box-sizing:border-box}
body{
  background: var(--bg-light);
  color: #222;
  margin:0;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.navbar{background:#fff}
.navbar .navbar-brand{color:var(--darkblue);font-weight:700}
.hero{background:linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.9));padding:60px 0}
.hero .display-5{color:var(--darkblue)}
.btn-primary{background:var(--darkblue);border-color:var(--darkblue)}
.btn-accent{background:var(--accent);border-color:var(--accent);color:#fff}
.card{border:none;background:var(--card);box-shadow:0 6px 18px rgba(0,0,0,0.06)}
footer{background:var(--darkblue);color:#fff}
.section-title{color:var(--darkblue);font-weight:600}
.container-small{max-width:980px;margin:0 auto}
.form-control:focus{box-shadow:0 0 0 .15rem rgba(2,165,165,0.25);border-color:var(--accent)}
@media (max-width:768px){
  .hero{padding:40px 0}
}