:root {
  --brand: #12576d;
  --brand-strong: #0a3b4b;
  --brand-accent: #16806d;
  --bg: #edf6f4;
  --surface: #ffffff;
  --text: #16272b;
  --muted: #526a66;
}

body {
  background:
    radial-gradient(circle at top left, rgba(18, 87, 109, 0.08), transparent 24rem),
    linear-gradient(180deg, #fbfffd 0%, var(--bg) 100%);
  color: var(--text);
}

.inscricao-page {
  min-height: clamp(26rem, calc(100vh - 20rem), 42rem);
  padding: clamp(3rem, 6vw, 5rem) 0 clamp(4.5rem, 8vw, 6rem);
}

.inscricao-page > .container:first-child {
  margin-top: 0 !important;
}

.inscricao-card {
  width: min(100% - 2rem, 34rem);
  padding: clamp(1.5rem, 4vw, 2.25rem);
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(18, 87, 109, 0.12);
  border-radius: 8px;
  box-shadow: 0 22px 48px rgba(18, 87, 109, 0.12);
}

.inscricao-card--cpf {
  margin-right: auto;
  margin-left: auto;
}

.text-brand {
  color: var(--brand) !important;
  font-weight: 850;
}

.btn-brand {
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
  color: #fff !important;
  font-weight: 800;
}

.btn-brand:hover,
.btn-brand:focus {
  background-color: var(--brand-strong) !important;
  border-color: var(--brand-strong) !important;
  color: #fff !important;
}

.btn-outline-brand {
  background: transparent !important;
  color: var(--brand) !important;
  border-color: rgba(18, 87, 109, 0.35) !important;
  font-weight: 800;
}

.btn-outline-brand:hover,
.btn-outline-brand:focus {
  background: rgba(18, 87, 109, 0.08) !important;
  border-color: rgba(18, 87, 109, 0.45) !important;
  color: var(--brand-strong) !important;
}

/* Ajustes suaves para alertas ficarem na mesma paleta da "casca" */
.alert-success {
  background: rgba(22, 128, 109, 0.12) !important;
  border-color: rgba(22, 128, 109, 0.35) !important;
  color: var(--text) !important;
}

.alert-warning {
  background: rgba(18, 87, 109, 0.08) !important;
  border-color: rgba(18, 87, 109, 0.25) !important;
  color: var(--text) !important;
}

.alert-danger {
  background: rgba(217, 72, 72, 0.08) !important;
  border-color: rgba(217, 72, 72, 0.35) !important;
  color: var(--text) !important;
}