/* Responsive Typography */
@media (max-width: 768px) {
    h1 {
        font-size: 2.8rem;
    }

    .main-title {
        font-size: 2.5rem;
        margin-top: 2rem;
    }

    .subtitle {
        font-size: 1.2rem;
    }
}

@media (max-width: 480px) {
    h1 {
        font-size: 2.2rem;
    }

    .main-title {
        font-size: 2rem;
    }
}