.matrix-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.88);
    background-image:
        radial-gradient(120% 100% at 50% 0%, rgba(20, 24, 48, 0.55) 0%, rgba(0, 0, 0, 0) 60%),
        linear-gradient(135deg, rgba(0, 0, 0, 0.9) 0%, rgba(18, 18, 38, 0.72) 100%);
    filter: brightness(0.7) saturate(1.05);
}

@media (prefers-reduced-motion: reduce) {
    .matrix-canvas {
        filter: brightness(0.6) saturate(0.9);
    }
}