@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600&display=swap');

@keyframes twinkle {
  0%, 100% { opacity: 0.2; transform: scale(1); }
  50%       { opacity: 1;   transform: scale(1.4); }
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

.pasted10-header {
  box-sizing: border-box !important;
}

.pasted10-header > .pasted10-logo-holder,
.pasted10-header > .desktop-btns {
  box-sizing: border-box !important;
}

.pasted10-header > .pasted10-logo-holder {
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  background: transparent !important;
}

.pasted10-header > .desktop-btns {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  align-items: center !important;
}

.cash-introduction-copy.pasted10-hero-copy {
  box-sizing: border-box !important;
  min-width: 0 !important;
}

.pasted10-hero-copy > h1,
.pasted10-hero-copy > p,
.pasted10-hero-copy > div {
  box-sizing: border-box !important;
}

@media (max-width: 780px) {
  .desktop-btns { display: none !important; }
  header.pasted10-header { padding: 18px 24px !important; justify-content: center !important; }
  header.pasted10-header > .pasted10-logo-holder { justify-content: center !important; width: 100% !important; }
  .cash-introduction-copy.pasted10-hero-copy { width: 100% !important; }
  .pasted10-hero-copy > div:last-child { width: 100% !important; }
}

/* Integração mínima do header literal sobre os estilos legados existentes. */
header.pasted10-header {
  position: relative !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: auto !important;
  padding: 22px 44px !important;
}

header.pasted10-header > .pasted10-logo-holder,
header.pasted10-header > .desktop-btns {
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

header.pasted10-header > .pasted10-logo-holder {
  display: flex !important;
  align-items: center !important;
}

header.pasted10-header > .desktop-btns {
  display: flex !important;
  align-items: center !important;
}

@media (max-width: 780px) {
  header.pasted10-header {
    padding: 18px 24px !important;
    justify-content: center !important;
  }
  header.pasted10-header > .pasted10-logo-holder {
    width: 100% !important;
    justify-content: center !important;
  }
  header.pasted10-header > .desktop-btns {
    display: none !important;
  }
}