body {
    background: #f5f7fa url('../images/background-20.jpg') no-repeat center center fixed;
    background: #f5f7fa url('../images/background-26.jpg') no-repeat center center fixed;
    background: #f5f7fa url('../images/background8.png') no-repeat center center fixed;
    background: #f5f7fa url('../images/background10b.jpg') no-repeat center center fixed;
    background: #f5f7fa url('../images/background8.jpg') no-repeat center center fixed;
    background: #f5f7fa url('../images/background22.jpg') no-repeat center center fixed;
    background: #f5f7fa url('../images/background23.jpg') no-repeat center center fixed;
    background: #f5f7fa url('../images/background24.jpg') no-repeat center center fixed;
    background: #f5f7fa url('../images/background25.jpg') no-repeat center center fixed;
    background: #f5f7fa url('../images/background26.jpg') no-repeat center center fixed;
    background: #f5f7fa url('../images/background27.jpg') no-repeat center center fixed;
    background: #f5f7fa url('../images/background30.jpg') no-repeat center center fixed;
    background: #f5f7fa url('../images/background30b.jpg') no-repeat center center fixed;
    background: #f5f7fa url('../images/background31.jpg') no-repeat center center fixed;
    background: #f5f7fa url('../images/background31b.jpg') no-repeat center center fixed;
 /*background: #f5f7fa url('../images/background-32.jpg') no-repeat center center fixed;*/
    background-size: cover;
    min-height: 100vh;
    position: relative;
}

    /*body::before {
        content: "";*/ /* Required for pseudo-elements */
        /*position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('../images/background22.jpg') !important;
        background-size: cover;*/ /* Adjust as needed: cover, contain, auto */
        /*background-repeat: no-repeat;*/ /* Adjust as needed */
        /*background-position: center center;*/ /* Adjust as needed */
        /*opacity: 0.5;*/ /* Adjust this value for desired transparency (0.0 to 1.0) */
        /*z-index: -1;*/ /* Places the pseudo-element behind the content */
    /*}*/

.login-container {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-box {
    background: var(--tblr-card-bg, #fff);
    padding: 2.5rem 2rem 2rem 2rem;
    border-radius: var(--tblr-card-border-radius, 12px);
    box-shadow: var(--tblr-card-box-shadow, 0 4px 24px rgba(0,0,0,0.08));
    width: 100%;
    max-width: 450px;
}

.logo {
    display: block;
    margin: 0 auto 1.5rem auto;
    max-width: 140px;
}