.guest-body {
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: clamp(24px, 6vw, 96px);
    background: #112b37 url("../images/login-marina.webp") center/cover
        no-repeat;
    position: relative;
}
.guest-body:before {
    content: "";
    position: absolute;
    inset: 0;
    max-width: none;
    padding: 0;
    background: linear-gradient(
        90deg,
        rgba(7, 26, 37, 0.62),
        rgba(7, 26, 37, 0.08)
    );
    pointer-events: none;
}
.guest-card {
    position: relative;
    width: min(100%, 430px);
    margin: 0;
    padding: 32px;
    border: 1px solid #ffffff8c;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 18px 60px #00152266;
}
.guest-brand {
    margin-bottom: 26px;
}
.guest-brand strong {
    font-size: 22px;
    color: #123746;
}
.guest-card .page-heading {
    margin-bottom: 20px;
    padding-bottom: 0;
    border: 0;
}
.guest-card h1 {
    font-size: 27px;
    margin: 5px 0 8px;
}
.guest-card .page-heading p {
    font-size: 14px;
    line-height: 1.5;
    color: #556977;
}
.guest-card input:not([type="checkbox"]) {
    min-height: 44px;
}
.guest-card .button.primary {
    min-height: 44px;
    background: #087b89;
    color: #fff;
    border-color: #087b89;
    border-radius: 6px;
    box-shadow: 0 2px 5px #12374625;
}
.guest-card .security-note {
    font-size: 12px;
    line-height: 1.5;
}
.guest-card .check-row {
    font-size: 13px;
}
@media (max-width: 620px) {
    .guest-body {
        display: flex;
        justify-content: center;
        padding: 22px 16px;
        background-position: 65% center;
    }
    .guest-body:before {
        display: block;
        background: rgba(7, 26, 37, 0.35);
    }
    .guest-card {
        padding: 26px 22px;
        margin: 0;
        width: min(100%, 430px);
    }
}

.guest-body.login-background-2 {
    background-image: url("../images/login-workshop.webp");
}
.guest-body.login-background-3 {
    background-image: url("../images/login-harbour.webp");
}
.guest-body.login-background-4 {
    background-image: url("../images/login-jetski.webp");
}
.guest-body.login-background-5 {
    background-image: url("../images/login-mechanical.webp");
}