:root{
  --lp-primary:#175cd3;
  --lp-bg:#f6f8fc;
  --lp-card:#ffffff;
  --lp-text:#333333;
  --lp-muted:#555555;
}

*{
  box-sizing:border-box;
}

html,body{
  height:100%;
}

body{
  margin:0;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:var(--lp-bg);
  color:var(--lp-text);
}

a{
  color:inherit;
}

.btn, .submit{
  transition:transform .15s ease, filter .15s ease, box-shadow .15s ease;
}

.btn:hover, .submit:hover{
  transform:translateY(-1px);
  filter:brightness(1.02);
}

.btn:active, .submit:active{
  transform:translateY(0);
  filter:brightness(.98);
}

.hero h1,
.section h2,
.modal-content h3{
  color:var(--lp-primary);
}