body.auth-photo-background {
    position: relative;
    min-height: 100vh;
    background:
        linear-gradient(115deg, rgba(4, 8, 13, 0.86) 0%, rgba(4, 8, 13, 0.58) 45%, rgba(4, 8, 13, 0.78) 100%),
        radial-gradient(circle at 18% 12%, rgba(73, 216, 255, 0.24), transparent 34%),
        radial-gradient(circle at 84% 82%, rgba(73, 216, 255, 0.14), transparent 38%),
        url("../inicio-de-sesion.png") center / cover fixed no-repeat;
}

body.auth-photo-background::before {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    content: "";
    background:
        linear-gradient(180deg, rgba(4, 8, 13, 0.18), rgba(4, 8, 13, 0.62)),
        radial-gradient(circle at 50% 42%, rgba(73, 216, 255, 0.10), transparent 46%);
}

.auth-photo-main {
    position: relative;
    z-index: 1;
}

body.auth-photo-background .auth-shell {
    background: rgba(7, 17, 25, 0.34) !important;
    border-color: rgba(73, 216, 255, 0.28) !important;
    box-shadow:
        0 28px 90px rgba(0, 0, 0, 0.46),
        0 0 46px rgba(73, 216, 255, 0.10) !important;
    backdrop-filter: blur(14px) saturate(118%);
}

body.auth-photo-background .brand-panel {
    background:
        linear-gradient(180deg, rgba(4, 8, 13, 0.03), rgba(4, 8, 13, 0.24)),
        radial-gradient(ellipse at 18% 62%, rgba(0, 20, 160, 0.24), transparent 58%),
        radial-gradient(ellipse at 86% 42%, rgba(73, 216, 255, 0.16), transparent 52%) !important;
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(7px);
}

body.auth-photo-background .auth-form-panel {
    background: linear-gradient(180deg, rgba(4, 8, 13, 0.16), rgba(4, 8, 13, 0.06));
}

body.auth-photo-background .form-input {
    background: rgba(4, 8, 13, 0.28) !important;
}

body.auth-photo-background .bg-white\/18 {
    background-color: rgba(255, 255, 255, 0.055) !important;
}

body.auth-photo-background .bg-cyan\/5 {
    background-color: rgba(73, 216, 255, 0.02) !important;
}

body.auth-photo-background input[type="checkbox"] {
    background-color: rgba(4, 8, 13, 0.22);
}

@supports not ((backdrop-filter: blur(1px))) {
    body.auth-photo-background .auth-shell {
        background: rgba(7, 17, 25, 0.84) !important;
    }
}