*{box-sizing:border-box;margin:0;padding:0}body{font-family:Courier New,Courier,monospace;background-color:#0a0a0a;color:#fff;overflow:hidden;line-height:1.6}@media (prefers-reduced-motion: reduce){.video-background video{display:none!important}.video-overlay{background-color:#000c!important;background-image:linear-gradient(45deg,#0a0a0a 25%,#1a1a1a 25%,#1a1a1a 50%,#0a0a0a 50%,#0a0a0a 75%,#1a1a1a 75%,#1a1a1a);background-size:40px 40px}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.video-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transform:none!important}.video-background video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity 1s ease-in-out;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transform:none!important;-webkit-transform:none!important}#video2{opacity:0}.video-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:-1}.error-message{position:fixed;top:20px;right:20px;background-color:#dc267fe6;color:#fff;padding:12px 16px;border-radius:6px;border-left:4px solid #ff6b6b;max-width:400px;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 4px 12px #0000004d;font-family:Courier New,monospace;font-size:14px;animation:slideInError .3s ease-out}@keyframes slideInError{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.error-message button{background:transparent;border:none;color:#fff;font-size:18px;font-weight:700;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:background-color .2s}.error-message button:hover{background-color:#fff3}#main-nav{position:fixed;top:20px;left:20px;z-index:10;display:flex;flex-direction:column;gap:5px}#main-nav a{color:#fff;text-decoration:none;font-size:1.1em;padding:5px 8px;border:1px solid transparent;transition:background-color .3s,color .3s}#main-nav a:hover,#main-nav a.active-link{background-color:#fff;color:#0a0a0a;cursor:pointer}#content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;height:100vh;padding:0;text-align:left;overflow:hidden}.content-section{display:none;max-width:700px;animation:fadeInContent .5s ease-in-out forwards}.content-section.active{display:block}.content-section h1{font-size:1.8em;margin-bottom:20px;text-shadow:0 0 5px #FFFFFF}.content-section p{font-size:1.1em;margin-bottom:10px}.blink{animation:blink-animation 1s step-end infinite;display:inline-block;margin-left:2px}@keyframes blink-animation{0%,to{color:transparent}50%{color:#fff}}@keyframes fadeInContent{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.inline-link{color:#61dafb;text-decoration:underline}.inline-link:hover{text-decoration:none;background-color:#61dafb;color:#0a0a0a}#terminal-output{flex-grow:0;overflow-y:auto;word-wrap:break-word;padding:20px 20px 0;max-height:80vh}#terminal-output>div{margin-bottom:5px;font-family:Courier New,monospace;font-size:16px;line-height:1.2}.terminal-input-line{display:flex;align-items:center;width:100%;padding:10px 20px 20px;font-family:Courier New,monospace;font-size:16px;line-height:1.2}.prompt{color:#fff;margin-right:5px;white-space:nowrap;display:inline-block}#terminal-input{flex:1;background:transparent;border:none;color:#fff;outline:none;padding:0;font-family:inherit;font-size:inherit;line-height:inherit}#mobile-content-display{display:none;padding:15px;color:#fff;flex-grow:1;overflow-y:auto}#mobile-content-display h2{margin-bottom:10px;font-size:1.5em;text-shadow:0 0 3px #FFFFFF}#mobile-content-display p{margin-bottom:8px;font-size:1.1em;line-height:1.5}@media (max-width: 768px){#terminal-output{font-size:14px;padding:10px 10px 0}.terminal-input-line{font-size:14px;padding:5px 10px 10px}#terminal-input{font-size:14px}}@media (min-width: 769px){#content{padding:0;height:auto}#main-nav,#mobile-content-display{display:none}#terminal-output{display:block;padding:20px 20px 0;flex-grow:0;max-height:80vh}.terminal-input-line{display:flex;padding:10px 20px 20px}}.link{color:#61dafb;cursor:pointer;text-decoration:underline}.link:hover{color:#4fa8c7;text-decoration:none}