.start-hero { background: linear-gradient(135deg, #0e3a5e, #1e90ff); color: white; padding: 5rem 2rem; text-align: center; } .start-hero .hero-inner { max-width: 900px; min-width: 320px; margin: 0 auto; } .start-hero h1 { font-size: 2.5rem; margin-bottom: 1.5rem; } .hero-buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem; margin-top: 1rem; } .hero-buttons a { display: inline-block; background: white; color: #0e3a5e; padding: 0.6rem 1.2rem; border-radius: 8px; text-decoration: none; font-weight: bold; transition: background 0.3s; min-width: 140px; text-align: center; } .hero-buttons a:hover { background: #e0e0e0; }