:root{--font-mono: "Share Tech Mono", monospace;--bg-color: #030000;--text-color: #ff3333;--dim-color: #550000;--error-color: #ff0000;--highlight-color: #ff8080}*,*:before,*:after{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-mono);overflow:hidden;-webkit-user-select:none;user-select:none}#root{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;position:relative}.scanlines{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0000004d 50%,#0000004d);background-size:100% 4px;pointer-events:none;z-index:10;animation:scroll 10s linear infinite}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle,#14000000 50%,#1e000066 90%,#000c);pointer-events:none;z-index:11;box-shadow:inset 0 0 100px #000000e6}.bg-grid{position:fixed;top:-50%;left:-50%;width:200vw;height:200vh;background-image:linear-gradient(rgba(255,50,50,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,50,50,.3) 1px,transparent 1px);background-size:50px 50px;transform:perspective(500px) rotateX(60deg) translateY(0) translateZ(-100px);z-index:-1;animation:grid-move 20s linear infinite;pointer-events:none;box-shadow:0 0 100px #f003}@keyframes grid-move{0%{transform:perspective(500px) rotateX(60deg) translateY(0) translateZ(-100px)}to{transform:perspective(500px) rotateX(60deg) translateY(50px) translateZ(-100px)}}@keyframes scroll{0%{background-position:0 0}to{background-position:0 100%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.blink{animation:blink 1s step-end infinite}@keyframes flicker{0%{opacity:1;text-shadow:0 0 10px var(--error-color)}3%{opacity:.4;text-shadow:none}6%{opacity:1;text-shadow:0 0 10px var(--error-color)}7%{opacity:.4;text-shadow:none}8%{opacity:1;text-shadow:0 0 10px var(--error-color)}9%{opacity:1;text-shadow:0 0 5px var(--error-color)}10%{opacity:.1;text-shadow:none}11%{opacity:1;text-shadow:0 0 10px var(--error-color)}50%{opacity:1;text-shadow:0 0 10px var(--error-color)}52%{opacity:.4;text-shadow:none}54%{opacity:1;text-shadow:0 0 10px var(--error-color)}to{opacity:1;text-shadow:0 0 10px var(--error-color)}}.holo-flicker{animation:flicker 4s infinite linear;filter:drop-shadow(2px 2px 0px #00ffff) drop-shadow(-2px -2px 0px #ff00ff)}.text-flicker{animation:flicker 3s infinite linear}.glitch{position:relative;font-weight:700;text-shadow:2px 2px 0px #00ffff,-2px -2px 0px #ff00ff;animation:glitch-skew 1s cubic-bezier(.25,.46,.45,.94) both infinite}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch:before{left:2px;text-shadow:-2px 0 #ff0000;clip:rect(44px,450px,56px,0);animation:glitch-anim-1 5s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-2px 0 #00ffff;clip:rect(44px,450px,56px,0);animation:glitch-anim-2 5s infinite linear alternate-reverse}@keyframes glitch-skew{0%{transform:skew(0)}20%{transform:skew(0)}22%{transform:skew(10deg)}24%{transform:skew(-10deg)}26%{transform:skew(0)}80%{transform:skew(0)}82%{transform:skew(5deg)}84%{transform:skew(-5deg)}86%{transform:skew(0)}}@keyframes glitch-anim-1{0%{clip:rect(20px,9999px,80px,0)}20%{clip:rect(10px,9999px,90px,0)}40%{clip:rect(50px,9999px,40px,0)}60%{clip:rect(80px,9999px,20px,0)}80%{clip:rect(30px,9999px,70px,0)}to{clip:rect(60px,9999px,50px,0)}}@keyframes glitch-anim-2{0%{clip:rect(80px,9999px,20px,0)}20%{clip:rect(40px,9999px,60px,0)}40%{clip:rect(90px,9999px,10px,0)}60%{clip:rect(20px,9999px,80px,0)}80%{clip:rect(60px,9999px,40px,0)}to{clip:rect(50px,9999px,50px,0)}}.glitch-simple{position:relative;display:inline-block;animation:glitch-skew 1s cubic-bezier(.25,.46,.45,.94) both infinite}.glitch-simple:before,.glitch-simple:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch-simple:before{left:2px;text-shadow:-1px 0 var(--error-color);clip:rect(44px,450px,56px,0);animation:glitch-anim-1 5s infinite linear alternate-reverse}.glitch-simple:after{left:-2px;text-shadow:-1px 0 var(--dim-color);clip:rect(44px,450px,56px,0);animation:glitch-anim-2 5s infinite linear alternate-reverse}.border-container{border:none;padding:3rem;position:relative;background:transparent;box-shadow:none;max-width:600px;width:90%}.content-wrapper{display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center}.icon-wrapper{display:flex;gap:1rem;margin-bottom:2rem;color:var(--text-color)}.site-title{font-size:3rem;margin:0;letter-spacing:.2em;color:var(--text-color)}.status-text{font-family:monospace;color:var(--dim-color);font-size:.9rem;margin-top:.5rem;text-transform:uppercase}.void-text{color:var(--error-color)}.description-text{max-width:400px;line-height:1.6;margin:2rem 0;color:var(--highlight-color);opacity:.8;font-size:1.3rem}.footer{width:100%;display:flex;justify-content:center;font-size:.7rem;color:var(--highlight-color)}.footer-left{display:flex;align-items:center;gap:.5rem}.lock-status{margin-top:3rem;font-size:1.2rem;color:var(--highlight-color);cursor:pointer}.key-cap{display:inline-block;padding:6px 10px;margin:0 8px;background:linear-gradient(to bottom,#3a1515,#200a0a);color:inherit;border:1px solid rgba(255,128,128,.4);border-radius:5px;box-shadow:0 4px #ff80804d,0 8px 15px #000c,inset 0 1px #ff80804d;font-family:inherit;font-weight:700;line-height:1;vertical-align:middle;position:relative;top:-4px;text-shadow:0 0 2px var(--highlight-color)}.lock-status:active .key-cap{top:0;box-shadow:0 0 #ff80804d,0 0 5px #ff808033,inset 0 1px #ff80801a;transform:translateY(4px)}@keyframes turn-off{0%{transform:scale(1) translateZ(0);filter:brightness(1) grayscale(0);opacity:1}40%{transform:scaleY(.002) translateZ(0);filter:brightness(5) grayscale(1);opacity:1}70%{transform:scaleY(.002) translateZ(0);filter:brightness(5) grayscale(1);opacity:1}85%{transform:scale(.005,.002) translateZ(0);filter:brightness(20);opacity:1}to{transform:scale(0) translateZ(0);filter:brightness(50);opacity:0}}.crt-shutdown{animation:turn-off 1s cubic-bezier(.23,1,.32,1) forwards}.terminal-view{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem;box-sizing:border-box;background-color:#000;z-index:100;color:var(--text-color);font-size:3rem}.cursor-blink{display:inline-block;width:.4em;height:.8em;background-color:currentColor;animation:blink 1s step-end infinite;margin-left:2px;vertical-align:middle}@media (max-width: 768px){.border-container{padding:1.5rem;width:95%}.site-title{font-size:1.8rem;letter-spacing:.05em;word-break:break-word}.description-text{font-size:1.1rem;margin:1.5rem 0}.footer{flex-direction:column;gap:.5rem;align-items:center}}
