@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--green:#00ff41;--dimgreen:#00aa2a;--red:#ff3131;--bg:#0a0a0a}body{color:var(--green);background:#050505;justify-content:center;align-items:center;min-height:100vh;padding:1rem;font-family:Share Tech Mono,monospace;display:flex}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-3px,1px)}40%{transform:translate(3px,-1px)}60%{transform:translate(-1px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes glitch-shift{0%{transform:translate(0)}15%{clip-path:inset(20% 0 60%);transform:translate(-4px)}16%{clip-path:inset(50% 0 20%);transform:translate(4px)}17%{clip-path:none;transform:translate(0)}50%{transform:translate(0)}65%{clip-path:inset(10% 0 70%);transform:translate(3px)}66%{clip-path:inset(60% 0 10%);transform:translate(-3px)}67%{clip-path:none;transform:translate(0)}to{transform:translate(0)}}@keyframes glitch-color{0%{opacity:1}14%{opacity:1}15%{opacity:.4;filter:hue-rotate(90deg)brightness(2)}17%{opacity:1;filter:none}64%{opacity:1}65%{opacity:.3;filter:hue-rotate(-90deg)brightness(3)}67%{opacity:1;filter:none}to{opacity:1}}@keyframes scanline-fast{0%{top:-10%}to{top:110%}}.glitch-active{animation:.3s infinite glitch-color;position:relative}.glitch-active:before{content:"";pointer-events:none;z-index:10;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff4108 2px 4px);animation:.3s infinite glitch-shift;position:absolute;inset:0}.glitch-active:after{content:"";pointer-events:none;z-index:11;background:#00ff4166;height:3px;animation:.15s linear infinite scanline-fast;position:absolute;left:0;right:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.terminal{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;width:100%;max-width:960px;min-height:580px;animation:6s infinite flicker;position:relative;overflow:hidden}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.4}94%{opacity:1}97%{opacity:.85}98%{opacity:1}}.scanline{pointer-events:none;z-index:10;background:linear-gradient(#0000,#00ff410a,#0000);width:100%;height:40px;animation:3s linear infinite scan;position:absolute;left:0}@keyframes scan{0%{top:-10%}to{top:110%}}.terminal-header{background:#0f0f0f;border-bottom:1px solid #1a1a1a;align-items:center;gap:6px;padding:.6rem 1rem;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.terminal-title{color:#444;margin-left:8px;font-family:Share Tech Mono,monospace;font-size:12px}.terminal-body{scroll-behavior:smooth;max-height:560px;padding:1.5rem;font-family:Share Tech Mono,monospace;font-size:14px;line-height:1.8;overflow-y:auto}.terminal-body::-webkit-scrollbar{width:4px}.terminal-body::-webkit-scrollbar-track{background:0 0}.terminal-body::-webkit-scrollbar-thumb{background:#1f1f1f;border-radius:2px}.terminal-body::-webkit-scrollbar-thumb:hover{background:#333}
