.page-header {
    margin-bottom: 3rem;

    h1 {
        font-size: 3.0625rem;
        color: var(--primary-text);
        font-weight: 600;
        margin-bottom: 0.25rem;
    }
}

.login_form {
    img {
        /* position: absolute;
        right: 0;
        bottom: 0; */
        align-self: flex-end;
        margin-right: -52px;
        margin-bottom: -48px;
        width: 50%;
    }
}

.account-card-header {
    font-size: 2.4375rem;
    font-weight: 600;
    color: var(--primary-text);
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}

#register_form {
    padding: 48px 52px;
    border-radius: 16px;
    border: 1px solid #D6D8E1;
    min-height: 100%;
    justify-content: space-between;

    .form-group {
        &:has(#id_login-password) {
            margin-bottom: 0.5rem;
        }

        input {
            border-radius: 1000px;
            border: 1px solid #8991A7;
            padding: 4px 8px 4px 24px;
            color: var(--primary-text);
        }

        label {
            color: var(--primary-text);
            font-size: 1rem;
            padding: 0;
            margin-bottom: 4px;
        }
    }
}

.forgot-password-link {
    color: #E42127;
    font-size: 0.875rem;
    text-decoration: underline;

    &:hover {
        color: #c71e24;
    }
}

form::after {
    content: none;
}

@media (max-width: 1439.98px) {
    .page-header {
        margin-bottom: 24px;

        h1 {
            font-size: 1.8125rem;
            margin-bottom: 0;
        }
    }

    #register_form {
        padding: 32px;
    }

    .account-card-header {
        font-size: 1.625rem;
    }

    .login_form {
        img {
            margin-right: -32px;
            margin-bottom: -32px;
        }

        p {
            font-size: 1rem !important;
        }

        .chalkboard-container {
            padding: 32px !important;
        }
    }
}