#matrix-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}

.input-password {
    transition: all 0.2s ease-out;
    color: var(--bs-primary);
    font-family: 'Courier New', Courier, monospace;
}

@media (min-width: 768px) {
    .input-password {
        font-size: clamp(1.25rem, 2.5vw, 2rem);
    }
}
.input-password--matrix {
    color: var(--bs-primary);
    text-shadow: 0 0 8px rgba(var(--bs-primary-rgb), 0.8);
    background-color: var(--bs-dark);
    border-color: rgba(var(--bs-primary-rgb), 0.8) !important;
    font-family: 'Courier New', Courier, monospace;
}