@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700;800&family=Share+Tech+Mono&display=swap");*{margin:0;padding:0;box-sizing:border-box}:root{--accent:#00ff41;--accent-dark:#0c3;--accent-glow:rgba(0,255,65,.3);--cyan:#0ff;--cyan-glow:rgba(0,255,255,.2);--glitch-red:#ff0040;--glitch-red-glow:rgba(255,0,64,.3);--bg:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#111;--text:#fff;--text-secondary:hsla(0,0%,100%,.7);--text-muted:hsla(0,0%,100%,.5);--text-accent:#00ff41;--text-cyan:#0ff;--border:hsla(0,0%,100%,.2);--border-accent:#00ff41;--border-dim:hsla(0,0%,100%,.1);--glow:0 0 10px var(--accent-glow);--glow-strong:0 0 20px var(--accent-glow),0 0 40px var(--accent-glow)}body{font-family:JetBrains Mono,Share Tech Mono,Courier New,monospace;background:var(--bg);color:var(--text);line-height:1.4;min-height:100vh;position:relative;overflow-x:hidden;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}body:before{background:repeating-linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08) 1px,transparent 0,transparent 2px);z-index:1000}body:after,body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}body:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");z-index:999}@keyframes glitch{0%{text-shadow:2px 0 var(--accent),-2px 0 var(--glitch-red);transform:translate(0)}20%{text-shadow:-2px 0 var(--accent),2px 0 var(--glitch-red);transform:translate(2px)}40%{text-shadow:2px 0 var(--accent),-2px 0 var(--glitch-red);transform:translate(-2px)}60%{text-shadow:-2px 0 var(--accent),2px 0 var(--glitch-red);transform:translate(2px)}80%{text-shadow:2px 0 var(--accent),-2px 0 var(--glitch-red);transform:translate(-2px)}to{text-shadow:2px 0 var(--accent),-2px 0 var(--glitch-red);transform:translate(0)}}.glitch-text{position:relative;display:inline-block}.glitch-text:hover{animation:glitch .3s infinite}.glitch-text:after,.glitch-text:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{left:2px;text-shadow:-2px 0 var(--glitch-red);clip:rect(44px,450px,56px,0);animation:glitch-anim 5s linear infinite alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-2px 0 var(--cyan);clip:rect(44px,450px,56px,0);animation:glitch-anim 1s linear infinite alternate-reverse}@keyframes glitch-anim{0%{clip:rect(10px,9999px,20px,0)}20%{clip:rect(80px,9999px,65px,0)}40%{clip:rect(30px,9999px,80px,0)}60%{clip:rect(70px,9999px,30px,0)}80%{clip:rect(20px,9999px,50px,0)}to{clip:rect(90px,9999px,10px,0)}}.terminal{background:var(--bg-secondary);border:1px solid var(--border);padding:1.5rem;font-family:JetBrains Mono,monospace;position:relative}.terminal-prompt{color:var(--text-accent);font-weight:600}.terminal-text{color:var(--text-secondary)}.ascii-bar,.terminal-text{font-family:JetBrains Mono,monospace}.ascii-bar{font-size:.9rem;color:var(--text-accent);white-space:pre;letter-spacing:.1em}.neon-border{border:1px solid var(--border);position:relative}.neon-border-accent{border:1px solid var(--border-accent);box-shadow:var(--glow)}@keyframes chromatic{0%,to{filter:drop-shadow(2px 0 0 var(--glitch-red)) drop-shadow(-2px 0 0 var(--cyan))}50%{filter:drop-shadow(-2px 0 0 var(--glitch-red)) drop-shadow(2px 0 0 var(--cyan))}}.chromatic{animation:chromatic .1s infinite}.btn-terminal{background:hsla(0,0%,100%,.05);border:1px solid var(--border);color:var(--text);padding:.75rem 1.5rem;font-family:JetBrains Mono,monospace;font-size:.9rem;cursor:pointer;position:relative;text-transform:uppercase;letter-spacing:.05em;transition:all .2s;overflow:hidden}.btn-terminal,.btn-terminal:before{-webkit-clip-path:inset(0);clip-path:inset(0)}.btn-terminal:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,255,65,.1) 0,rgba(0,255,65,.1) 4px);transition:left .5s;z-index:1;pointer-events:none;opacity:0}.btn-terminal:hover{background:hsla(0,0%,100%,.1);border-color:var(--border-accent);color:var(--text-accent);box-shadow:var(--glow);animation:glitch .3s}.btn-terminal:hover:before{left:100%;opacity:1}.btn-terminal:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,255,65,.05),rgba(0,255,65,.05) 1px,transparent 0,transparent 2px);opacity:0;transition:opacity .2s;pointer-events:none;z-index:1;visibility:hidden;-webkit-clip-path:inset(0);clip-path:inset(0)}.btn-terminal:hover:after{opacity:1;visibility:visible}.btn-terminal:active{transform:scale(.98)}.btn-terminal>*{position:relative;z-index:2}.input-terminal{background:var(--bg-tertiary);border:1px solid var(--border-dim);color:var(--text);padding:.75rem 1rem;font-family:JetBrains Mono,monospace;font-size:.9rem;outline:none;transition:all .2s}.input-terminal:focus{border-color:var(--border-accent);box-shadow:var(--glow);background:var(--bg-secondary)}a{color:var(--text-accent);text-decoration:none;transition:all .2s;position:relative}a:hover{color:var(--cyan);text-shadow:0 0 10px var(--cyan-glow);animation:glitch .2s}.toast{position:fixed;bottom:2rem;right:2rem;padding:1rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border);z-index:1000;animation:slideIn .3s ease-out;max-width:400px;font-family:JetBrains Mono,monospace;color:var(--text)}.toast.success{border-color:var(--border-accent);color:var(--text-accent);box-shadow:var(--glow)}.toast.error{border-color:var(--glitch-red);color:var(--glitch-red);box-shadow:0 0 10px var(--glitch-red-glow)}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.spinner{width:40px;height:40px;border-top:2px solid var(--border-dim);border:2px solid var(--border-dim);border-top-color:var(--accent);border-radius:0;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pageLoad{0%{opacity:0}to{opacity:1}}.page-load{animation:pageLoad .3s ease-out}@media (max-width:768px){.toast{bottom:1rem;right:1rem;left:1rem;max-width:none}body{font-size:.9rem}}.text-accent{color:var(--text-accent)}.text-cyan{color:var(--cyan)}.text-glitch{color:var(--glitch-red)}.bg-terminal{background:var(--bg-secondary)}.border-terminal{border:1px solid var(--border)}.shadow-glow{box-shadow:var(--glow)}.shadow-glow-strong{box-shadow:var(--glow-strong)}