* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { height: 100%; }
body { font-family: 'Poppins', sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
a { color: inherit; text-decoration: none; transition: opacity .2s ease; }
a:hover { opacity: .55; }
@keyframes b33grad {
  0%   { background-position: 20% 25%, 80% 75%, 55% 15%; }
  33%  { background-position: 75% 60%, 25% 30%, 15% 80%; }
  66%  { background-position: 40% 85%, 65% 20%, 85% 55%; }
  100% { background-position: 20% 25%, 80% 75%, 55% 15%; }
}
@media (max-width: 640px) {
  [data-m="root"] { justify-content: space-between !important; padding: 26px 24px !important; }
  [data-m="main"] { margin: 0 !important; gap: 12px !important; flex: 1 1 auto; justify-content: center; }
  [data-m="footer"] { flex-direction: column !important; align-items: flex-start !important; gap: 22px !important; }
  [data-m="contact"] { text-align: left !important; }
  [data-m="mark"] { height: 132px !important; }
}