#matrix-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;overflow:hidden}#matrix-canvas{position:absolute;top:0;left:0;width:100%;height:100%}body{background-color:#000;color:#3f3;font-family:Arial,sans-serif}#matrix-content{position:relative;z-index:1;padding:20px;color:#fff;text-shadow:0 0 5px #3f3}#matrix-content h1,#matrix-content h2,#matrix-content h3,#matrix-content h4,#matrix-content h5,#matrix-content h6{color:#3f3;text-shadow:0 0 10px #3f3}#matrix-content a{color:lime;text-decoration:none;transition:color 0.3s ease}#matrix-content a:hover{color:#fff;text-shadow:0 0 10px #fff}::-webkit-scrollbar{width:10px;height:10px;background:#000}::-webkit-scrollbar-track{background:rgb(0 255 0 / .05);border:1px solid rgb(0 255 0 / .1)}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,rgb(0 255 0 / .5),rgb(0 255 0 / .3));border-radius:2px;box-shadow:0 0 5px rgb(0 255 0 / .5)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,rgb(0 255 0 / .7),rgb(0 255 0 / .5));box-shadow:0 0 8px rgb(0 255 0 / .7)}::-webkit-scrollbar-corner{background:#000}*{scrollbar-width:thin;scrollbar-color:#3f3 #000}.scroll-container{overflow:auto;scrollbar-width:thin;scrollbar-color:#3f3 #000}