html, body {
  margin: 0;
  padding: 0;
  background: #fff;
  color: #15113B;
  font-family: Manrope, 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}
* { box-sizing: border-box; }
a { color: #E4007C; text-decoration: none; }
a:hover { color: #2D3FE8; }
input, textarea, select, button { font-family: inherit; }
img { max-width: 100%; }

h1, h2, h3, .btn-add, .btn-cat, .btn-check, .btn-template, button {
  font-family: Unbounded, 'Segoe UI', system-ui, sans-serif;
}

[style*="JetBrains Mono"] {
  font-family: 'Consolas', 'SFMono-Regular', ui-monospace, Menlo, monospace !important;
}

@keyframes tk-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

button { transition: opacity .15s ease, transform .1s ease; }
button:hover { opacity: .92; }
button:active { transform: scale(0.98); }

.check-mark.on { background: #E4007C !important; }
.check-mark.on::after { content: "\2713"; }

.faq-item.open .faq-sign { transform: rotate(45deg); }

@media (max-width: 680px) {
  header div[style*="grid-template-columns:repeat(2,11px)"] { display: none; }
}

:focus-visible { outline: 2px solid #2D3FE8; outline-offset: 2px; }