:root{--red:#D90000;--black:#050505;--white:#ffffff;--gray:#f0f0f0}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--gray);color:var(--black);line-height:1.6}
.hero-banner{background:var(--red);padding:100px 20px;text-align:center;border-bottom:12px solid var(--black)}
.hero-banner h1{margin:0;font-size:clamp(3rem,12vw,8rem);font-weight:900;text-transform:uppercase}
.container{max-width:800px;margin:-60px auto 60px;padding:50px;background:#fff;border:4px solid #000;box-shadow:0 20px 40px rgba(0,0,0,.2)}
.highlight{background:#000;color:#fff;padding:2px 8px;font-weight:800}
.quote-box{background:#000;color:#fff;padding:50px;text-align:center;font-weight:900;margin:40px -50px;border-top:8px solid #D90000;border-bottom:8px solid #D90000}
.btn-action{display:block;width:100%;padding:30px;background:#D90000;color:#000;border:5px solid #000;font-weight:900;font-size:1.8rem}
footer{background:#000;color:#fff;text-align:center;padding:60px 20px;border-top:10px solid #D90000}