/* styles.css */

:root { --brand:#0b3d91; }

body { background:#f7f8fb; }

.btn-brand { background: var(--brand); color:#fff; border:none; }
.btn-brand:hover { opacity:.65; background: var(--brand); color:#fff; border:none;} 

.text-brand { color: var(--brand); }

header.hero {
    background: linear-gradient(180deg, rgba(11,61,145,.09), rgba(11,61,145,.02));
    border-bottom: 1px solid rgba(0,0,0,.06);
}

.badge-soft {
    background: rgba(11,61,145,.08);
    color: var(--brand);
    border: 1px solid rgba(11,61,145,.2);
}

.card {
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 6px 20px rgba(0,0,0,.06);
    border-radius: 16px;
}

.form-control:focus, .form-select:focus {
    border-color: var(--brand);
    box-shadow: 0 0 0 .2rem rgba(11,61,145,.15);
}

.required:after { content: " *"; color:#c1121f; }

footer { color:#6b7280; }

.is-invalid + .invalid-feedback { display:block; }

.logo {
    height: 146px;
    object-fit: contain;
}

.project-tagline {
  background-color: #f4f7fb;
  color: #0b3d91;
  border: 1px solid #d9e1f2;
  font-size: 1.05rem;
  letter-spacing: 0.3px;
}
.project-tagline span {
  display: inline-block;
  padding: 0 10px;
}