/* styles.css */
html,body{
height:100%;
margin:0;
background:#000;
overflow:hidden;
font-family: 'Courier New', Courier, monospace;
}
#matrix-canvas{
position:fixed;
top:0;left:0;
width:100%;height:100%;
display:block;
z-index:1;
}
.center-text{
position:fixed;
z-index:2;
left:50%;
top:50%;
transform:translate(-50%,-50%);
color:rgba(0,255,70,0.9);
font-size:clamp(18px,4vw,48px);
letter-spacing:2px;
text-transform:uppercase;
mix-blend-mode:screen;
}


/* небольшой полупрозрачный фон для читаемости */
.center-text::before{
content:'';
position:absolute;inset: -8px;
background: rgba(0,0,0,0.25);
z-index:-1;
border-radius:8px;
}