/* Starship Academy account fullscreen overlay */

body.page-slug-academy-account,
body.page-id-academy-account {
    overflow-x: hidden;
}

.salms-account-page {
    position: relative;
    width: 100vw;
    max-width: none;
    min-height: calc(100vh - 70px);
    margin: 0 calc(50% - 50vw);
    padding: 0;
    overflow: hidden;
    background-image: url('https://starshipeducation.com/wp-content/uploads/2026/08/astronaut-background.webp');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.salms-account-layout {
    position: relative;
    display: block;
    width: 100%;
    max-width: none;
    min-height: calc(100vh - 70px);
    margin: 0;
}

.salms-account-visual {
    position: absolute;
    inset: 0;
    min-height: 0;
    border-radius: 0;
    background: none;
    pointer-events: none;
}

.salms-account-form-column {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: clamp(28px, 7vw, 120px);
    width: min(510px, calc(100vw - 56px));
    max-width: 510px;
    margin: 0;
    transform: translateY(-50%);
}

.salms-account-card {
    max-height: calc(100vh - 105px);
    padding: clamp(26px, 3.2vh, 40px) clamp(28px, 3vw, 45px);
    overflow-y: auto;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(203, 211, 224, 0.9);
    border-radius: 24px;
    box-shadow: 0 25px 70px rgba(17, 37, 75, 0.17);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.salms-account-heading {
    margin-bottom: 23px;
}

.salms-account-heading h1 {
    font-size: clamp(32px, 4.2vh, 43px);
}

.salms-account-heading p {
    font-size: 15px;
}

.salms-account-input {
    height: 54px;
}

.salms-account-divider {
    margin: 21px 0;
}

/* Tablet and mobile: image above, form below */
@media (max-width: 900px) {
    .salms-account-page {
        min-height: 0;
        padding: 16px 16px 38px;
        overflow: visible;
        background: #ffffff;
    }

    .salms-account-layout {
        display: flex;
        flex-direction: column;
        min-height: 0;
        gap: 25px;
    }

    .salms-account-visual {
        position: relative;
        inset: auto;
        width: 100%;
        min-height: clamp(300px, 68vw, 520px);
        border: 1px solid #e0e7f0;
        border-radius: 27px;
        background-image: url('https://starshipeducation.com/wp-content/uploads/2026/08/astronaut-background.webp');
        background-repeat: no-repeat;
        background-position: center 24%;
        background-size: cover;
    }

    .salms-account-form-column {
        position: static;
        width: 100%;
        max-width: 680px;
        margin: 0 auto;
        transform: none;
    }

    .salms-account-card {
        max-height: none;
        overflow: visible;
    }
}

@media (max-width: 600px) {
    .salms-account-page {
        padding: 12px 14px 34px;
    }

    .salms-account-layout {
        gap: 20px;
    }

    .salms-account-visual {
        min-height: clamp(270px, 75vw, 380px);
        border-radius: 23px;
        background-position: center 23%;
    }

    .salms-account-card {
        padding: 29px 21px;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        background: #ffffff;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .salms-account-heading h1 {
        font-size: 37px;
    }
}

@media (min-width: 1500px) {
    .salms-account-form-column {
        right: max(7vw, calc((100vw - 1600px) / 2 + 50px));
    }
}