.school-password-page,
.school-password-page *,
.school-password-page *::before,
.school-password-page *::after {
    box-sizing: border-box;
}

.school-password-page {
    width: 100%;
    max-width: 100vw;
}

.password-shell {
    width: 100%;
    max-width: 100vw;
    min-width: 0;
}

.password-card {
    width: 100%;
    max-width: 540px;
    min-width: 0;
}

.password-card form,
.password-code-row,
.password-code-row > *,
.password-card input {
    min-width: 0;
    max-width: 100%;
}

@media (max-width: 520px) {
    .password-card {
        width: calc(100vw - 24px);
        max-width: calc(100vw - 24px);
    }
}