*{margin:0;padding:0;box-sizing:border-box} 
body{font-family:Verdana,sans-serif;color:#444;background:#fff} 
p{margin-bottom:1rem;line-height:1.1} 
h1,h2,h3{margin:1rem 0 0.6rem 0;line-height:1.1} 
ul{margin:0 0 1rem 1.5rem} 
ul li{margin-bottom:.1rem;line-height:1} 

.container{max-width:1000px;margin:0 auto;padding:20px} 

.two-columns{display:flex;flex-wrap:nowrap;gap:20px;align-items:center} 
.two-columns .column{flex:1 1 50%;padding:10px;box-sizing:border-box} 
.two-columns .column:first-child{flex:0 0 auto;max-width:400px} 
.two-columns .column:last-child{flex:1 1 auto;min-width:250px} 

img{max-width:100%;height:auto;margin:.1rem 0;border-radius:4px} 

.red-box{background-color:#a0f0f5;color:#000;padding:5px;font-size:14px} 

a{color:#666;text-decoration:underline} 
a:hover{color:#333} 

.header-text a{color:#007BFF;font-weight:bold;transition:color .2s} 
.header-text a:hover,.header-text a:focus{color:#0056b3} 

h1{font-size:16px;font-weight:bold} 
h2,h3{font-size:16px;font-weight:bold} 

.hero-text{margin-bottom:2rem} 
.hero-text h1{font-size:18px;font-weight:bold;margin-bottom:1rem} 
.hero-text p{font-size:14px;line-height:1.5;margin-bottom:1rem} 

.cta-button{display:inline-block;padding:8px 16px;background-color:#4dd0e1;color:#000;text-decoration:none;font-weight:bold;border-radius:4px;transition:background-color .3s} 
.cta-button:hover,.cta-button:focus{background-color:#39b6c4} 

.badges{margin:2rem 0;display:flex;flex-wrap:wrap;gap:10px;align-items:center} 
.badges img{display:inline-block;max-height:30px} 
.footer-badges{text-align:center;padding-top:20px} 

@media(max-width:600px){ 
  .two-columns{flex-direction:column;align-items:stretch} 
  .two-columns .column{flex:1 1 100%;max-width:100%} 
  .header-text{font-size:.95rem;line-height:1.3} 
  .hero-text h1{font-size:16px} 
  .cta-button{width:100%;text-align:center} 
  .badges{justify-content:center} 
}


