/* === MAIN CSS — imports all stylesheets === */
@import url('reset.css');
@import url('variables.css');
@import url('header.css');
@import url('hero.css');
@import url('pricing.css');
@import url('cta.css');
@import url('prizes.css');
@import url('footer.css');
@import url('sidebar.css');
@import url('modal.css');
@import url('progress.css');
@import url('pix.css');
@import url('responsive.css');

/* === GLOBAL STYLES === */
body {
  font-family: var(--font-body);
  color: var(--text-dark);
  background: var(--bg-page);
}

.main-content {
  position: relative;
  overflow-x: hidden;
}