.hero { display:grid; grid-template-columns: 1fr 1fr; gap:3rem; align-items:center; background:#f5F3EF; border-radius:0; padding:4rem 2rem; box-shadow:none; margin-bottom:0; position:relative; overflow:hidden; min-height:40vh; }
.main-title { font-size: 3rem; font-weight: bold; color:#2c3e50; margin-bottom: 1rem; text-align:center; }
.subtitle { font-size:1.1rem; color:#6c757d; font-style:italic; margin-bottom:2rem; text-align:center; }
.section { margin-top:2.2rem; }
.card { margin-bottom: 1rem; }
.list { color:#495057; }
.list li { margin:.35rem 0; }