:root{
  --fbb-font: Inter, ui-sans-serif, system-ui, -apple-system,
              BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

html,body{
  font-family:var(--fbb-font);
  letter-spacing:-0.015em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Headings */
h1,h2,h3,h4,h5,h6,
.hero-title,
.desktop-title{
  font-weight:850;
  letter-spacing:-0.035em;
}

/* Cards */
.card,
.section,
.pick-card,
.prediction-card,
.faq-item{
  border-radius:18px;
  box-shadow:0 14px 40px rgba(0,0,0,.25);
}

/* Buttons */
button,
.btn,
.footer-btn,
.cta-offers{
  font-weight:800;
  letter-spacing:-0.02em;
}

/* Paragraphs */
p,li,span{
  line-height:1.55;
}

/* Tables */
table{
  font-size:14px;
}

/* Mobile */
@media (max-width:768px){
  h1{
    font-size:30px;
    line-height:1.15;
  }

  h2{
    font-size:24px;
  }

  p,li{
    font-size:15px;
  }
}