:root { --leo-purple: #3b1e6e; --leo-gold: #f0b429; }
.leo-hero { display: grid; grid-template-columns: 1.1fr 1fr; gap: 2rem; align-items: center; margin: 1rem 0 2.5rem; }
.leo-hero__img { width: 100%; border-radius: 1rem; box-shadow: 0 20px 60px rgba(59, 30, 110, 0.35); }
.leo-hero__text h1 { font-size: 2.4rem; line-height: 1.1; margin-bottom: 0.8rem; }
.leo-hero__text p { font-size: 1.05rem; }
.leo-hero .md-button { margin: 0.25rem 0.4rem 0.25rem 0; }
.leo-footer { text-align: center; opacity: 0.8; font-size: 0.85rem; margin-top: 2rem; }
.md-typeset .grid.cards > ul > li { border-color: rgba(240, 180, 41, 0.35); }
@media (max-width: 900px) { .leo-hero { grid-template-columns: 1fr; } .leo-hero__text h1 { font-size: 1.9rem; } }