body, body.login-page {
    position: relative;
    margin: 0;
    overflow: hidden;
    background: #000 !important;
}

body #matrix-canvas {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: -1 !important;
    pointer-events: none !important;
}

@media (max-width: 768px) {
    #matrix-canvas {
        font-size: 14px !important;
    }
    body.login-page .login-glow-wrapper {
        margin: 10px !important;
        padding: 8px !important;
    }
    body.login-page .card-body .p-5 {
        padding: 1.5rem !important;
    }
    .robot-login-svg {
        width: 280px !important;
        height: auto !important;
    }
}

#matrix-canvas {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    display: block;
}

body.login-page .container {
    position: relative;
    z-index: 1;
}

body.login-page .login-glow-wrapper,
body.login-page .card {
    background: transparent !important;
}

body.login-page .login-glow::before {
    z-index: 0;
}

/* MyBot footer image styles */
.mybot-footer-img {
    filter: drop-shadow(0 4px 12px rgba(10, 255, 10, 0.4));
    transition: transform 0.3s ease, filter 0.3s ease;
}

.mybot-footer-img:hover {
    transform: scale(1.08);
    filter: drop-shadow(0 6px 20px rgba(10, 255, 10, 0.6));
}

body.login-page .text-light {
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.8);
    font-weight: 500;
}