.hero { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 6rem 2rem; text-align: center; } .hero h1 { font-size: 3rem; font-weight: 800; margin-bottom: 1rem; } .hero p { font-size: 1.25rem; opacity: 0.9; max-width: 600px; margin: 0 auto 2rem; } .hero a { display: inline-block; background: white; color: #764ba2; padding: 0.75rem 2rem; border-radius: 9999px; font-weight: 600; text-decoration: none; transition: transform 0.2s; } .hero a:hover { transform: scale(1.05); }