#matrix-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.05}.lang-switch{padding:.4rem .7rem;background:transparent;border:1px solid var(--neon-green);color:var(--neon-green);border-radius:6px;cursor:pointer;font-family:Source Code Pro,monospace;line-height:1}.lang-switch:hover{box-shadow:0 0 12px #39ff1480}.terminal-header{padding:1rem 1.25rem;border-bottom:1px solid rgba(57,255,20,.2);position:sticky;top:0;background:#0a0a0ad9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20}.header-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.header-right{margin-left:auto;display:flex;align-items:center;gap:.6rem;flex-shrink:0}.brand-chip{display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;letter-spacing:.06em;color:#39ff14cc;border:1px solid rgba(57,255,20,.35);padding:.3rem .5rem;border-radius:999px;line-height:1;white-space:nowrap}.terminal-prompt{display:flex;align-items:center;gap:.55rem;margin:0;position:relative;min-height:2rem;max-width:60vw}.prompt-prefix{color:#39ff14;font-weight:700}.prompt-command{color:#0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prompt-cursor{display:inline-block;width:8px;background:#39ff14;margin-left:3px;animation:blink 1s infinite}@keyframes blink{50%{opacity:.3}}.burger{display:none;gap:4px;flex-direction:column;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(57,255,20,.4);background:transparent;border-radius:8px;cursor:pointer}.burger-line{width:20px;height:2px;background:#39ff14;display:block}.terminal-nav{display:flex;gap:1.25rem;padding:.5rem 0;margin-top:.5rem}.terminal-nav a{color:#0f0;text-decoration:none;position:relative;padding:.35rem 0;font-size:clamp(.85rem,.8rem + .2vw,1rem);letter-spacing:.04em;transition:.2s}.terminal-nav a:hover{color:#39ff14;text-shadow:0 0 5px rgba(57,255,20,.7)}.terminal-nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#39ff14;transition:width .2s}.terminal-nav a:hover:after{width:100%}.terminal-nav a.router-link-active,.terminal-nav a.active{color:#39ff14}@media (max-width: 1024px){.prompt-command{max-width:48vw}.brand-chip{display:none}}@media (max-width: 768px){.burger{display:flex}.terminal-nav{display:block;max-height:0;overflow:hidden;opacity:0;transition:max-height .25s ease,opacity .2s ease,padding .2s ease,margin .2s ease;padding:0;margin:0}.terminal-nav.open{max-height:60vh;opacity:1;padding-top:.4rem;margin-top:.4rem}.terminal-nav a{display:block;padding:.6rem 0;font-size:1rem}}:root{--neon-green:#39ff14;--terminal-green:#00ff00;--cyber-purple:#bd00ff;--dark-bg:#0a0a0a;--container-w: 1200px}html,body,#app{height:100%;margin:0}#app{display:flex;flex-direction:column;min-height:100vh}*{margin:0;padding:0;box-sizing:unset}body{background:var(--dark-bg);color:var(--terminal-green);font-family:Source Code Pro,monospace;line-height:1.6;overflow-x:hidden}.terminal-content{flex:1 0 auto;max-width:var(--container-w);margin:0 auto;padding:0 clamp(12px,3.5vw,32px) clamp(64px,6vw,80px)}.terminal-section{background:#050505b3;border:1px solid rgba(57,255,20,.1);border-radius:8px;padding:clamp(16px,3vw,32px);margin-bottom:clamp(16px,3vw,32px);box-shadow:0 0 20px #39ff140d;position:relative;overflow:hidden}.terminal-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,#39ff1400,#39ff14b3,#39ff1400)}.terminal-content>.terminal-section:first-child{margin-top:clamp(16px,3vw,32px)}.terminal-button{display:inline-block;background:transparent;color:var(--neon-green);border:1px solid var(--neon-green);padding:.8rem 1.2rem;text-decoration:none;border-radius:6px;transition:.2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.terminal-button:hover{box-shadow:0 0 15px #39ff1480;transform:translateY(-2px)}.action-buttons{display:flex;gap:clamp(10px,2vw,20px);flex-wrap:wrap}.fade-enter-active,.fade-leave-active{transition:opacity .18s ease}.fade-enter-from,.fade-leave-to{opacity:0}.terminal-footer{text-align:center;padding:clamp(20px,3vw,32px);color:#ffffffb3}@media (max-width: 768px){.terminal-content{padding:0 12px 64px}}
