/* Introduction Section */
.intro {
    text-align: center;
    margin: var(--section-spacing) 0;
}

.intro h1 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.intro p {
    font-size: 1.2rem;
    color: var(--secondary-color);
    max-width: 600px;
    margin: 0 auto;
}

/* Introduction Responsive Styles */
@media (max-width: 480px) {
    .intro h1 {
        font-size: 2rem;
    }

    .intro p {
        font-size: 1rem;
    }
}