:root {
  --tipster-green: #16a34a;
  --tipster-green-dark: #0B3823;
  --tipster-green-soft: #ecfdf3;
}
body {
  background: #f3f7f4;
  color: #102018;
}
a { color: var(--tipster-green); text-decoration-color: rgba(22, 163, 74, .35); }
a:hover { color: var(--tipster-green-dark); }
.wrap {
  border: 1px solid rgba(22, 163, 74, .18);
  border-top: 4px solid var(--tipster-green);
  box-shadow: 0 16px 40px rgba(11, 56, 35, .08);
}
.header {
  border-bottom-color: rgba(22, 163, 74, .18);
  background: transparent;
  margin: 0 0 30px;
  padding: 0 0 15px;
}
.header .logo { text-align: center; }
.header .logo img {
  width: auto;
  max-width: 190px;
  max-height: 58px;
  display: inline-block;
}
.button, button[type="submit"] {
  background: var(--tipster-green);
  color: #fff;
  border-radius: 6px;
  box-shadow: 0 10px 24px rgba(22, 163, 74, .22);
}
.button:hover, button[type="submit"]:hover { background: var(--tipster-green-dark); color: #fff; }
.button.button-outline {
  border-color: var(--tipster-green);
  color: var(--tipster-green);
}
.button.button-outline:hover { background: var(--tipster-green-dark); border-color: var(--tipster-green-dark); color: #fff; }
input[type="checkbox"], input[type="radio"] { accent-color: var(--tipster-green); }
input[type="text"], input[type="email"], input[type="password"], select {
  border-color: rgba(11, 56, 35, .18);
  border-radius: 6px;
  box-shadow: none;
}
input:focus, select:focus {
  border-color: var(--tipster-green);
  outline: 3px solid rgba(22, 163, 74, .16);
}
.lists .description, footer.container, footer a { color: #6b7c72; }
footer.container a[href*="listmonk.app"] { display: none; }
footer.container { display: none; }