/* login_page.css - Page-specific styles for EDUShield Login Page */
/* Use Poppins as primary font on this page */
body {
    font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
    }
/* Authentication layout enhancements */
.app-branding {
    backdrop-filter: saturate(140%) blur(2px)
    }
.auth-card {
    backdrop-filter: saturate(140%) blur(2px)
    }
/* Separator with lines for credential sign in */
.credentials-separator {
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.75rem;
    color: var(--text-muted)
    }
.credentials-separator::before, .credentials-separator::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 35%;
    height: 1px;
    background: var(--divider-color)
    }
.credentials-separator::before {
    left: 0
    }
.credentials-separator::after {
    right: 0
    }
/* Make the primary CTA prominent */
#anonymousSignInBtn {
    box-shadow: var(--shadow-1)
    }
#anonymousSignInBtn:hover {
    box-shadow: var(--shadow-2)
    }
/* Form adjustments */
.password-input-field {
    border-right: none
    }
#togglePassword {
    border-left: none
    }
/* Test accounts table small refinements */
.table code {
    color: var(--text-strong)
    }
/* Responsive tweaks */
@media (max-width: 767.98px) {
    .credentials-separator::before, .credentials-separator::after {
        width: 28%
        }
    }