:root{
  --ost-blue:#0B3C5D;
  --ost-green:#2FAE6E;
}
.bg-ost{ background: linear-gradient(90deg,var(--ost-blue), #08324e); }
.brand-logo{ width:34px; height:34px; object-fit:contain; }
.hero{
  background: radial-gradient(ellipse at top, rgba(47,174,110,0.15), transparent 60%),
              radial-gradient(ellipse at bottom, rgba(11,60,93,0.15), transparent 60%);
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: 16px;
  padding: 28px;
}
.pill{
  display:inline-block;
  padding:.25rem .6rem;
  border-radius:999px;
  font-size:.8rem;
  background: rgba(47,174,110,0.12);
  color:#0b3c5d;
  border: 1px solid rgba(47,174,110,0.25);
}
.card{ border-radius: 16px; }
.btn-ost{
  background: var(--ost-green);
  border-color: var(--ost-green);
  color: #063a26;
  font-weight: 600;
}
.btn-ost:hover{
  background: #27a564;
  border-color: #27a564;
  color: #063a26;
}
.muted{ color: rgba(0,0,0,0.65); }