/* CSS Document */

:root{
  --red:#dc2626;      /* red-600 */
  --navy:#0b1f3a;     /* custom navy */
  --grey:#94a3b8;     /* slate-400 */
  --ink:#0f172a;      /* slate-900 */
}

html{ scroll-behavior:smooth; }

.badge{
  border:1px solid rgb(226 232 240);
  background:white;
  border-radius:9999px;
  padding:.25rem .75rem;
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:rgb(51 65 85);
}

.btn-primary{
  background:var(--red);
  color:white;
  border-radius:1rem;
  padding:.8rem 1.1rem;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
}
.btn-primary:hover{ filter:brightness(.95); }

.btn-secondary{
  border:1px solid rgb(226 232 240);
  border-radius:1rem;
  padding:.8rem 1.1rem;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  background:white;
}
.btn-secondary:hover{ border-color:rgb(203 213 225); }

.card{
  border:1px solid rgb(226 232 240);
  border-radius:1.5rem;
  background:white;
  padding:1.5rem;
  box-shadow:0 1px 2px rgba(15,23,42,.06);
}

.nav-link{ color:rgb(51 65 85); font-weight:600; }
.nav-link:hover{ color:rgb(15 23 42); }

.nav-active{
  color:var(--navy);
  position:relative;
}
.nav-active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-10px;
  height:2px;
  background:var(--red);
  border-radius:9999px;
}@charset "utf-8";