:root{--matrix-cyan:rgba(0,138,155,0.5);--matrix-yellow:rgba(197,201,71,0.5);--matrix-red:rgba(194,50,50,0.5);--matrix-magenta:rgba(155,0,204,0.5)}@media (prefers-color-scheme:dark){:root{--matrix-cyan:rgba(0,225,255,0.35);--matrix-yellow:rgba(246,255,53,0.3);--matrix-red:rgba(255,0,60,0.3);--matrix-magenta:rgba(193,0,255,0.3)}}@keyframes matrix-rain{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(calc(100vh + 100%));opacity:0}}.animate-matrix-rain{animation:matrix-rain linear infinite}