html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

body {
    position: relative;
}

.header,
.footer,
main,
.login-panel {
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
}

.login-panel {
    width: min(100%, 520px);
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
}

.login-panel *,
.login-panel *::before,
.login-panel *::after {
    max-width: 100%;
}

@media (max-width: 768px) {
    main {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .login-panel {
        padding: 1rem;
        border-radius: 0;
        box-shadow: none;
    }

    .login-panel .protection,
    .login-panel .remember-card {
        overflow-wrap: anywhere;
    }
}