:root{
  --primary:#146c43; /* institutional green */
  --primary-600:#1b7a4d;
  --primary-700:#0f5a35;
  --accent:#e8f5ee;
  --text:#1f2937;
}
body{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  background: #f7faf9;
  color: var(--text);
}
.header{
  text-align:center;
  padding: 20px 0 10px;
}
.header img{
  max-width: 260px;
  height: auto;
  margin: 12px auto;
  display:block;
}
h1{
  text-align:center;
  color: var(--primary);
  font-weight:700;
  margin: 6px 0 18px;
}
.container-box{
  max-width: 880px;
  margin: 0 auto 40px;
  background: white;
  border-radius: 16px;
  box-shadow: 0 10px 25px rgba(0,0,0,.06);
  border: 1px solid #e5efe9;
  overflow: hidden;
}
.box-header{
  background: linear-gradient(0deg, var(--primary-600), var(--primary));
  padding: 14px 18px;
  color: white;
}
.box-body{
  padding: 22px 18px 10px;
}
.form-control:focus{
  border-color: var(--primary);
  box-shadow: 0 0 0 0.2rem rgba(20,108,67,.15);
}
.btn-primary{
  background: var(--primary);
  border-color: var(--primary);
}
.btn-primary:hover{
  background: var(--primary-700);
  border-color: var(--primary-700);
}
small.helper{
  color:#6b7280;
}
.required::after{
  content:" *";
  color:#dc2626;
  font-weight:700;
}
.footer-note{
  text-align:center;
  color:#6b7280;
  margin: 10px 0 30px;
  font-size: 0.9rem;
}