/* 🌸 Global base (already added) */
body {
    background: linear-gradient(to bottom, #fff0f5, #ffe6f0);
    margin: 0;
    font-family: 'Segoe UI', sans-serif;
}

/* 📱 Make images responsive */
img {
    max-width: 100%;
    height: auto;
}

/* 📱 Buttons touch friendly */
button {
    min-width: 140px;
}

/* 📱 MOBILE RESPONSIVENESS */
@media (max-width: 768px) {

    body {
        padding: 10px;
    }

    h1 {
        font-size: 26px;
    }

    h2 {
        font-size: 22px;
    }

    p {
        font-size: 16px;
        line-height: 1.6;
    }

    button {
        font-size: 16px;
        padding: 12px 22px;
        border-radius: 30px;
    }

    img {
        width: 180px;
    }
}

/* 📱 EXTRA SMALL PHONES */
@media (max-width: 480px) {

    h1 {
        font-size: 22px;
    }

    h2 {
        font-size: 20px;
    }

    p {
        font-size: 15px;
    }

    img {
        width: 150px;
    }
}