/* Page Header */
.page-header {
    background: linear-gradient(135deg, var(--primary-dark), #2c3e50);
    color: var(--primary-light);
    padding: clamp(100px, 15vw, 120px) 0 clamp(60px, 10vw, 80px);
    text-align: center;
    position: relative;
}

.page-header h1 {
    font-size: clamp(2.5rem, 5vw, 3rem);
    font-weight: 700;
    margin-bottom: clamp(15px, 3vw, 20px);
}

.page-header p {
    font-size: clamp(1.1rem, 2.2vw, 1.2rem);
    opacity: 0.9;
}

/* Content Section */
.content-section {
    padding: clamp(60px, 12vw, 100px) 0;
    background: var(--primary-light);
}