.hero {
    text-align: center;
    padding: 4rem 1rem;
    background: var(--surface);
}
.hero-content { max-width: 800px; margin: 0 auto; }
.hero-subtitle { font-size: 1.2rem; color: var(--text-light); margin-bottom: 2rem; }