.page-header-container {
    padding: 3rem 1.5rem;
    background-color: var(--primary-color);
    color: var(--light-text-color);
    text-align: center;
    margin-bottom: 2rem;
    background-image: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
}

.page-header-container h1 {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}