.app-login-page {
    background-image: url("../images/background-login-H_kRwJc.jpg");
    background-size: cover;
    color: white;

    main {
        display: flex;
    }

    .login-container {
        background-color: rgba(33,33,33,0.25);
        padding: 2em;
    }

    #show-password {
        min-width: 1.25rem;
    }

    .security-notice {
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        background-color: var(--nedspice-background-grey);
        border-left: 4px solid var(--nedspice-green);
        border-radius: 4px;
        padding: 0.75rem 1rem;
        color: var(--nedspice-text-grey);
    }

    .security-notice-icon {
        color: var(--nedspice-green);
        font-size: 1.25rem;
        margin-top: 0.15rem;
    }

    .security-notice-title {
        font-weight: 600;
        color: var(--nedspice-dark-green);
    }

    .security-notice-text {
        font-size: 0.875rem;
    }
}