@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Courier+Prime:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#000;font-family:Courier Prime,monospace}.matrix-container{position:relative;width:100vw;height:100vh;background:#000;overflow:hidden}.matrix-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.3}.matrix-line{font-family:Courier Prime,monospace;font-size:14px;color:#0f0;white-space:nowrap;animation:matrixFall 3s linear infinite;text-shadow:0 0 5px #00ff00}@keyframes matrixFall{0%{transform:translateY(-100vh);opacity:1}to{transform:translateY(100vh);opacity:0}}.content-overlay{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;padding:20px}.glitch-container{margin-bottom:40px}.glitch-text{font-family:Orbitron,monospace;font-size:clamp(2rem,8vw,6rem);font-weight:900;color:#0f0;text-transform:uppercase;letter-spacing:.1em;position:relative;text-shadow:0 0 10px #00ff00,0 0 20px #00ff00,0 0 30px #00ff00;animation:glitch 2s infinite}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{animation:glitch-1 .5s infinite;color:red;z-index:-1}.glitch-text:after{animation:glitch-2 .5s infinite;color:#00f;z-index:-2}@keyframes glitch{0%,to{text-shadow:0 0 10px #00ff00,0 0 20px #00ff00,0 0 30px #00ff00}25%{text-shadow:2px 0 #ff0000,-2px 0 #0000ff,0 0 20px #00ff00}50%{text-shadow:-2px 0 #ff0000,2px 0 #0000ff,0 0 30px #00ff00}75%{text-shadow:0 2px #ff0000,0 -2px #0000ff,0 0 25px #00ff00}}@keyframes glitch-1{0%{clip:rect(42px,9999px,44px,0);transform:skew(.5deg)}5%{clip:rect(12px,9999px,59px,0);transform:skew(.4deg)}10%{clip:rect(70px,9999px,71px,0);transform:skew(.2deg)}15%{clip:rect(25px,9999px,30px,0);transform:skew(.1deg)}20%{clip:rect(80px,9999px,81px,0);transform:skew(.3deg)}25%{clip:rect(40px,9999px,50px,0);transform:skew(.5deg)}30%{clip:rect(65px,9999px,70px,0);transform:skew(.2deg)}35%{clip:rect(15px,9999px,20px,0);transform:skew(.4deg)}40%{clip:rect(90px,9999px,95px,0);transform:skew(.1deg)}45%{clip:rect(35px,9999px,45px,0);transform:skew(.3deg)}50%{clip:rect(60px,9999px,65px,0);transform:skew(.5deg)}to{clip:rect(42px,9999px,44px,0);transform:skew(.5deg)}}@keyframes glitch-2{0%{clip:rect(65px,9999px,100px,0);transform:skew(.2deg)}5%{clip:rect(30px,9999px,35px,0);transform:skew(.4deg)}10%{clip:rect(90px,9999px,95px,0);transform:skew(.1deg)}15%{clip:rect(50px,9999px,55px,0);transform:skew(.3deg)}20%{clip:rect(10px,9999px,15px,0);transform:skew(.5deg)}25%{clip:rect(75px,9999px,80px,0);transform:skew(.2deg)}30%{clip:rect(20px,9999px,25px,0);transform:skew(.4deg)}35%{clip:rect(85px,9999px,90px,0);transform:skew(.1deg)}40%{clip:rect(45px,9999px,50px,0);transform:skew(.3deg)}45%{clip:rect(5px,9999px,10px,0);transform:skew(.5deg)}50%{clip:rect(70px,9999px,75px,0);transform:skew(.2deg)}to{clip:rect(65px,9999px,100px,0);transform:skew(.2deg)}}.subtitle{margin-bottom:60px}.typing-text{font-family:Courier Prime,monospace;font-size:1.5rem;color:#0f0;text-shadow:0 0 10px #00ff00;animation:typing 3s steps(20) infinite}@keyframes typing{0%,50%{opacity:1}51%,to{opacity:.3}}.matrix-logo{margin-bottom:60px;font-family:Courier Prime,monospace}.logo-line{font-size:1rem;color:#0f0;text-shadow:0 0 5px #00ff00;margin:2px 0;animation:logoGlow 2s ease-in-out infinite alternate}@keyframes logoGlow{0%{text-shadow:0 0 5px #00ff00}to{text-shadow:0 0 10px #00ff00,0 0 20px #00ff00,0 0 30px #00ff00}}.status-bar{display:flex;flex-direction:column;gap:10px;margin-bottom:40px;font-family:Courier Prime,monospace}.status-item{display:flex;justify-content:space-between;min-width:300px;padding:5px 0}.status-label{color:#0f0;font-weight:700;text-shadow:0 0 5px #00ff00}.status-value{color:#0f0;font-family:Courier Prime,monospace;text-shadow:0 0 5px #00ff00}.blinking{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.matrix-footer{font-family:Courier Prime,monospace;color:#0f0;text-shadow:0 0 5px #00ff00}.matrix-footer p{margin:10px 0;font-size:1.1rem}.small-text{font-size:.9rem!important;opacity:.8;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.8}50%{opacity:.4}}@media (max-width: 768px){.glitch-text{font-size:2.5rem}.typing-text{font-size:1.2rem}.logo-line{font-size:.8rem}.status-item{min-width:250px}.matrix-footer p{font-size:1rem}}@media (max-width: 480px){.glitch-text{font-size:2rem}.typing-text{font-size:1rem}.logo-line{font-size:.7rem}.status-item{min-width:200px;flex-direction:column;text-align:center}}.matrix-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(0,255,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,255,0,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(0,255,0,.1) 0%,transparent 50%);animation:matrixGlow 4s ease-in-out infinite}@keyframes matrixGlow{0%,to{opacity:.3}50%{opacity:.6}}.content-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#00ff00,transparent);animation:scanline 2s linear infinite}@keyframes scanline{0%{transform:translateY(0);opacity:1}to{transform:translateY(100vh);opacity:0}}