/* Import Poppins from Google Fonts */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Germania+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bona+Nova+SC:ital,wght@0,400;0,700;1,400&family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&display=swap');

/*
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@200;&display=swap');
*/


*{box-sizing:border-box;margin:0;padding:0}


body {
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;
  _font-family: 'Lato', sans-serif;
  _font-family: "Germania One", system-ui;
  background-color: #FEFEFE; /* black background if you want to match your theme */
  color: #111111; /* white text */
  margin: 0;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



  

/* Container for centered, max-width content */
.container {
  max-width: 1000px;
  margin: 0 auto 2rem;
  padding: 0 1rem;

}



main{
}


.main-title {
font-size:2.5em;
font-weight:bold;

margin-top:1em;
margin-bottom:0.5em;
border-bottom:1px solid #CCC;
letter-spacing: -0.05em;
}

.main-subtitle {

margin-top:2em;
margin-bottom:0.5em;
letter-spacing: -0.025em;
}

main p {
margin-bottom:1em;
}

.main-ul{
margin-left:3em;
margin-bottom:2em;
line-height:2em;
}

.cta-button {
  display: inline-block;
  padding: 0.8rem 1.5rem;
  background: #f90;
  color: #000;
  font-weight: bold;
  border-radius: 0.5rem;
  text-decoration: none;
  transition: background 0.3s;
}

.cta-button:hover {
  background: #ffb84d;
}


.cta-pill{
  display: inline-block;
  padding: 0.5rem 2rem;
  background: #f90;
  color: #FFF;
  font-weight: 600;
  border-radius: 999px;
  text-decoration: none;
  transition: background 0.3s;
}


.cta-pill:hover{
  filter: brightness(1.1);    /* brighter without changing color */
  color:#111;
  box-shadow: 2 2 18px rgba(255, 255, 255, 0.4);
}

main a {
text-decoration:none;
font-weight:bold;
color:#A63E01;
}
main a:hover{
   color: #FF6A00;   /* brighter without changing color */

}


.main-dark{
background-color:#00F;

}

.free-highlight{
background-color:#126E00;
color:
}