body{font-family:'Fira Code',monospace;background:#0D0D0D;color:#0F0;margin:0;padding:0;overflow:hidden;display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column;position:relative}
.background-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:-1}
#pixel-avatar{width:220px;height:220px;image-rendering:pixelated;opacity:.35;filter:blur(.8px);animation:a 3s ease-in-out infinite alternate}
@keyframes a{0%{transform:translateY(-10px);opacity:.3}100%{transform:translateY(10px);opacity:.4}}
.terminal{width:90%;max-width:800px;background:#000;border-radius:5px;box-shadow:0 0 20px rgba(255,0,0,.5);padding:15px;display:flex;flex-direction:column;position:relative;z-index:1}
.terminal-header{display:flex;align-items:center;background:#222;padding:10px}
.red-circle{background:#F55}
.yellow-circle{background:#FB2}
.green-circle{background:#2C3}
.red-circle,.yellow-circle,.green-circle{width:12px;height:12px;border-radius:50%;margin-right:8px}
.terminal-body{background:#000;padding:10px;height:400px;overflow-y:auto}
#terminal-output{white-space:pre-wrap;font-size:14px;line-height:1.5;margin-bottom:10px;color:#F00}
.input-line{display:flex;align-items:center}
.prompt{color:#0F0;margin-right:5px}
#terminal-input{background:transparent;border:none;color:#0F0;font-size:14px;outline:none;width:100%;font-family:'Fira Code',monospace;caret-color:#F00}