*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#000;font-family:Share Tech Mono,Courier New,monospace;color:#00ff41}#matrix-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.terminal-wrapper{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.terminal{position:relative;width:100%;max-width:800px;height:80vh;max-height:600px;background:#000000d9;border:1px solid #00FF41;border-radius:4px;overflow:hidden;display:flex;flex-direction:column}.terminal-header{display:flex;align-items:center;padding:8px 12px;background:#00ff4114;border-bottom:1px solid rgba(0,255,65,.3);font-size:12px;color:#00ff41;text-shadow:0 0 5px #00FF41;-webkit-user-select:none;user-select:none}.terminal-header-dot{width:8px;height:8px;border-radius:50%;margin-right:6px;background:#00ff41;box-shadow:0 0 4px #00ff41}.terminal-body{flex:1;overflow-y:auto;padding:16px;font-size:14px;line-height:1.6;scrollbar-width:thin;scrollbar-color:#00FF41 transparent}.terminal-body::-webkit-scrollbar{width:6px}.terminal-body::-webkit-scrollbar-track{background:transparent}.terminal-body::-webkit-scrollbar-thumb{background:#00ff4166;border-radius:3px}.terminal-line{white-space:pre-wrap;word-break:break-word;color:#00ff41;text-shadow:0 0 5px rgba(0,255,65,.7)}.terminal-line a{color:#00ff41;text-decoration:underline;text-underline-offset:2px}.terminal-line a:hover{color:#fff;text-shadow:0 0 10px #00FF41}.prompt-line{display:flex;align-items:center}.prompt-prefix{color:#00ff41;text-shadow:0 0 5px rgba(0,255,65,.7);margin-right:8px;flex-shrink:0}.prompt-input-area{flex:1;display:flex;align-items:center;position:relative}.hidden-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.typed-text{color:#00ff41;text-shadow:0 0 5px rgba(0,255,65,.7)}.cursor{display:inline-block;width:8px;height:16px;background:#00ff41;box-shadow:0 0 5px #00ff41;animation:blink 1s step-end infinite;vertical-align:middle;margin-left:1px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 3px)}.crt-flicker{animation:flicker .15s infinite}@keyframes flicker{0%{opacity:.97}5%{opacity:.95}10%{opacity:.98}15%{opacity:.96}20%{opacity:.99}50%{opacity:.97}80%{opacity:.98}to{opacity:.97}}.mobile-activate-btn{display:none;position:fixed;bottom:120px;left:50%;transform:translate(-50%);z-index:10;padding:12px 24px;background:#000000e6;border:1px solid #00FF41;color:#00ff41;font-family:Share Tech Mono,Courier New,monospace;font-size:14px;text-shadow:0 0 5px rgba(0,255,65,.7);cursor:pointer;border-radius:2px;white-space:nowrap;animation:pulse-glow 2s ease-in-out infinite}.mobile-activate-btn:active{background:#00ff4126}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #00ff414d,0 0 10px #00ff411a;border-color:#00ff41}50%{box-shadow:0 0 12px #00ff4199,0 0 24px #00ff414d;border-color:#3f6}}@media(max-width:768px){.terminal{max-height:none;height:calc(100vh - 160px)}.terminal-body{font-size:12px;padding:12px 12px 80px}.mobile-activate-btn{display:block}}@media(max-width:480px){.terminal-wrapper{padding:8px}.terminal{height:calc(100vh - 140px);border-radius:2px}.terminal-body{font-size:11px;padding:8px 8px 80px}}