.hero {
     background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));
     color: white;
     padding: 100px 15px 80px;
     text-align: center;
 }

 .hero h1 {
     font-weight: 700;
     font-size: 2.5rem;
 }

 .hero p {
     font-size: 1.1rem;
     opacity: 0.9;
 }

 /* Content */
 .content-section {
     background: #fff;
     border-radius: 16px;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
     padding: 50px;
     margin-top: -50px;
     margin-bottom: 80px;
 }

 .content-section h4 {
     color: var(--primary-color);
     font-weight: 600;
     margin-top: 30px;
 }

 .content-section ul {
     margin-left: 20px;
 }

 .content-section p {
     color: var(--text-light);
     line-height: 1.7;
 }