@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{--terminal-green: #33ff33;--terminal-green-dim: #20aa20;--terminal-bg: #0a0a0a;--glow-color: rgba(51, 255, 51, .4);--scanline-color: rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:#000;overflow:hidden}.crt{position:relative;width:100%;height:100%;background:var(--terminal-bg);overflow:hidden;border-radius:20px}.crt:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.2) 80%,rgba(0,0,0,.6) 100%);pointer-events:none;z-index:3}.scanlines{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 1px,var(--scanline-color) 1px,var(--scanline-color) 2px);pointer-events:none;z-index:2;animation:scanline-flicker .05s infinite}@keyframes scanline-flicker{0%,to{opacity:.8}50%{opacity:.85}}.crt:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;pointer-events:none;z-index:4;animation:screen-flicker 4s infinite}@keyframes screen-flicker{0%,97%,to{opacity:0}98%{opacity:.02;background:#fff}}.terminal{position:relative;height:100%;padding:40px;display:flex;flex-direction:column;z-index:1}.output{flex:1;overflow-y:auto;font-family:VT323,monospace;font-size:20px;line-height:1.4;color:var(--terminal-green);text-shadow:0 0 5px var(--glow-color),0 0 10px var(--glow-color);white-space:pre-wrap;word-wrap:break-word}.output::-webkit-scrollbar{width:8px}.output::-webkit-scrollbar-track{background:var(--terminal-bg)}.output::-webkit-scrollbar-thumb{background:var(--terminal-green-dim);border-radius:4px}.input-line{display:flex;align-items:center;font-family:VT323,monospace;font-size:20px;color:var(--terminal-green);text-shadow:0 0 5px var(--glow-color),0 0 10px var(--glow-color);padding-top:10px;border-top:1px solid var(--terminal-green-dim);margin-top:10px}.prompt{margin-right:8px}.input{flex:1;background:transparent;border:none;outline:none;font-family:VT323,monospace;font-size:20px;color:var(--terminal-green);text-shadow:0 0 5px var(--glow-color),0 0 10px var(--glow-color);caret-color:var(--terminal-green)}.input:focus{animation:cursor-blink 1s step-end infinite}@keyframes cursor-blink{0%,to{caret-color:var(--terminal-green)}50%{caret-color:transparent}}.command-echo{color:var(--terminal-green);opacity:.8}.status{color:var(--terminal-green-dim);font-style:italic}.loading{animation:loading-pulse 1.5s ease-in-out infinite}@keyframes loading-pulse{0%,to{opacity:.5}50%{opacity:1}}@media (max-width: 768px){.terminal{padding:20px}.output,.input-line,.input{font-size:16px}}@keyframes power-on{0%{filter:brightness(0);transform:scaleY(.01)}50%{filter:brightness(.5);transform:scaleY(.01)}70%{filter:brightness(1);transform:scale(1)}to{filter:brightness(1);transform:scale(1)}}.crt.power-on{animation:power-on .8s ease-out forwards}.about-btn{position:absolute;top:15px;right:15px;width:32px;height:32px;border-radius:50%;background:transparent;border:2px solid var(--terminal-green-dim);color:var(--terminal-green-dim);font-family:VT323,monospace;font-size:20px;cursor:pointer;z-index:10;transition:all .2s ease;text-shadow:0 0 5px var(--glow-color);box-shadow:0 0 5px var(--glow-color)}.about-btn:hover{border-color:var(--terminal-green);color:var(--terminal-green);text-shadow:0 0 10px var(--glow-color);box-shadow:0 0 10px var(--glow-color)}.about-btn:focus{outline:none}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:100;justify-content:center;align-items:center;animation:modal-fade-in .3s ease}.modal.active{display:flex}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;background:var(--terminal-bg);border:2px solid var(--terminal-green);border-radius:10px;padding:30px;max-width:500px;width:90%;box-shadow:0 0 20px var(--glow-color),0 0 40px #3f33,inset 0 0 20px #00000080;animation:modal-scale-in .3s ease}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-close{position:absolute;top:10px;right:15px;background:transparent;border:none;color:var(--terminal-green-dim);font-size:28px;cursor:pointer;transition:all .2s ease;line-height:1}.modal-close:hover{color:var(--terminal-green);text-shadow:0 0 10px var(--glow-color)}.modal-close:focus{outline:none}.modal-content h2{font-family:VT323,monospace;font-size:28px;color:var(--terminal-green);text-shadow:0 0 10px var(--glow-color);margin-bottom:20px;text-align:center}.modal-body{font-family:VT323,monospace;font-size:18px;color:var(--terminal-green);text-shadow:0 0 5px var(--glow-color);line-height:1.6}.modal-body p{margin-bottom:12px}.modal-body a{color:var(--terminal-green);text-decoration:underline;text-underline-offset:3px;transition:all .2s ease}.modal-body a:hover{text-shadow:0 0 15px var(--glow-color)}.modal-body .authors{color:var(--terminal-green-dim);font-style:italic}.modal-divider{border:none;border-top:1px solid var(--terminal-green-dim);margin:20px 0}.modal-body .powered-by{text-align:center;font-size:16px;color:var(--terminal-green-dim);margin-bottom:0}