@media all {

    html,
    body {
        height: auto;
    }

    .login-page,
    .register.body {
        color: rgb(255, 255, 255);
        background-image: url(https://github.com/nhatmicls/nhatmicls/blob/main/image/20250608175403crop.png?raw=true);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }

    .login-box,
    .register-box {
        width: 360px;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        background: rgba(48, 48, 48, .8);
        transform: translate(-50%, -50%);
        border: 1px solid #ecf0f1;
        border-radius: 1px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    }

    .login-logo,
    .register-logo {
        font-size: 35px;
        text-align: center;
        margin-bottom: 25px;
        font-weight: 300;
        content: url(https://images.evetech.net/corporations/98549595/logo?size=128);
        margin-top: 50px;
    }

    .login-logo::before,
    .register-logo::before {
        display: block;
        width: 128px;
        height: 128px;
        margin: 0 auto;
        border-radius: 50%;
        margin-bottom: 50px;
    }

    .login-box-body,
    .register-box-body {
        background: transparent;
        padding: 20px;
        border-top: 0;
        color: inherit;
    }
}