/* SHARP, CLEAR, VISIBLE CIRCLES - NO BLUR! */
@media (max-width: 768px) {
    .auth-card-main {
        padding: 40px 30px;
        border-radius: 30px;
    }

    .auth-title {
        font-size: 28px;
    }

    .social-row-unique {
        flex-direction: column;
    }

    /* SHARP, CLEAR circles - NO blur! */
    .floating-circle {
        opacity: 0.7 !important;
        filter: blur(0px) !important;
    }

    .circle-1 {
        width: 250px !important;
        height: 250px !important;
        top: 5% !important;
        left: 5% !important;
    }

    .circle-2 {
        width: 200px !important;
        height: 200px !important;
        bottom: 5% !important;
        right: 5% !important;
    }

    .circle-3 {
        width: 180px !important;
        height: 180px !important;
        top: 50% !important;
        left: 2% !important;
    }

    .circle-4 {
        width: 190px !important;
        height: 190px !important;
        top: 30% !important;
        right: 3% !important;
    }
}

@media (max-width: 480px) {
    .auth-card-main {
        padding: 35px 25px;
    }

    .layer-1,
    .layer-2 {
        display: none;
    }

    /* CLEAR, SOLID circles on small screens */
    .floating-circle {
        opacity: 0.6 !important;
        filter: blur(0px) !important;
    }

    .circle-1 {
        width: 180px !important;
        height: 180px !important;
        top: 8% !important;
        left: 8% !important;
    }

    .circle-2 {
        width: 150px !important;
        height: 150px !important;
        bottom: 8% !important;
        right: 8% !important;
    }

    .circle-3 {
        width: 130px !important;
        height: 130px !important;
        top: 50% !important;
        left: 5% !important;
    }

    .circle-4 {
        width: 140px !important;
        height: 140px !important;
        top: 35% !important;
        right: 6% !important;
    }
}