:root { --blue: #004a99; --dark: #1a1a1b; --gold: #ffd700; --bg: #f4f7f9; }
body { font-family: 'Helvetica Neue', Arial, sans-serif; background: var(--bg); color: var(--dark); line-height: 1.6; margin: 0; }
header { background: #fff; border-bottom: 1px solid #ddd; padding: 40px 20px; text-align: center; }
.hero h1 { font-size: 2.5rem; color: var(--blue); margin-bottom: 10px; }
.container { max-width: 1100px; margin: 40px auto; display: flex; gap: 30px; }
main { flex: 2; }
aside { flex: 1; }
.card { background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); text-decoration: none; color: inherit; display: block; margin-bottom: 15px; border-left: 4px solid var(--blue); transition: 0.3s; }
.card:hover { transform: translateY(-3px); }
.lead-box { background: var(--blue); color: #fff; padding: 25px; border-radius: 12px; }
.cta-main { background: var(--gold); color: #000; padding: 15px 30px; border-radius: 5px; text-decoration: none; font-weight: bold; font-size: 1.2rem; }
.cta-sidebar { background: #fff; color: var(--blue); padding: 10px; display: block; text-align: center; border-radius: 5px; text-decoration: none; font-weight: bold; margin: 15px 0; }
.transparency { font-size: 0.7rem; opacity: 0.8; line-height: 1.3; margin-top: 15px; }
.sticky { position: sticky; top: 20px; }