body {
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: linear-gradient(135deg, #dfe3e8 0%, #f5f5f5 100%);
}
body {
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    background: linear-gradient(135deg, #ffffff 0%, #f5f5f5 40%, #e9e9e9 100%);
    position: relative;
    min-height: 100vh;
}

    /* Red accent */
    body::before {
        content: "";
        position: fixed; /* fixed keeps it behind even if page scrolls */
        top: -80px;
        right: -100px;
        width: 450px;
        height: 450px;
        background: radial-gradient(circle, rgba(220,0,0,0.15) 0%, rgba(220,0,0,0) 70%);
        border-radius: 50%;
        z-index: 0;
        pointer-events: none;
    }

/* Make sure your main blocks stay above */
.cc-w-60,
.right-shadow {
    position: relative;
    z-index: 1;
}





.cc-logo {
    max-width: 200px;
    height: auto;
    display: inline-block;
}

.cc-img-left-round {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    overflow: hidden;
}

/* Soft shadow only on the left edge of the right column */
.right-shadow {
    position: relative;
    overflow: hidden;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    box-shadow: -8px 0 25px rgba(0, 0, 0, 0.25);
    background: transparent;
    padding: 0px;
}
/* ===========================
   Mobile styles
   =========================== */
@media (max-width: 767px) {

    .cc-logo {
        max-width: 300px;
        height: auto;
        display: inline-block;
    }
    /* Make the layout vertical */
    .row.cc-flex-items-center {
        flex-direction: column;
        height: auto;
    }

    /* Login card full width */
    .cc-w-60 {
        width: 100% !important;
        box-shadow: none; /* remove heavy shadow on small screens */
        border-radius: 0;
        padding: 2.5rem;
    }

    /* Hide the right image on very small screens */
    .right-shadow {
        display: none;
    }

    /* Logo spacing */
    .cc-logo {
        max-width: 140px;
        margin-bottom: 1rem;
    }

    /* Text size */
    .cc-color-gray {
        font-size: 0.9rem;
    }

    /* Footer spacing */
    .cc-mt-8.cc-pt-4.cc-mb-8 {
        margin-top: 2rem;
        padding-top: 1rem;
        margin-bottom: 2rem;
    }
}