:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#0a0a0a;--vt-c-black-soft:#1a1a1a;--vt-c-black-mute:#0f0f0f;--vt-c-terminal-green:#0f0;--vt-c-terminal-green-soft:#0c0;--vt-c-terminal-green-mute:#090;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#00ff004d;--vt-c-divider-light-2:#00ff001a;--vt-c-divider-dark-1:#0f06;--vt-c-divider-dark-2:#0f03;--vt-c-text-light-1:var(--vt-c-terminal-green);--vt-c-text-light-2:#0f0c;--vt-c-text-dark-1:var(--vt-c-terminal-green);--vt-c-text-dark-2:#cccc;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0c0c0c 0%,#1a1a1a 100%);font-family:Fira Code,Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s;overflow-x:hidden}#app{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;font-weight:400;display:flex}a,.green{color:#0f0;text-shadow:0 0 5px #00ff004d;padding:3px;text-decoration:none;transition:all .3s}@media (hover:hover){a:hover{text-shadow:0 0 10px #0f09;background-color:#00ff001a;transform:translateY(-1px)}}@keyframes scanline{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@media (max-width:768px){#app{padding:10px}}@media (min-width:1024px){body{place-items:center;display:flex}}*{box-sizing:border-box;margin:0;padding:0}body{color:#0f0;background:linear-gradient(135deg,#0c0c0c 0%,#1a1a1a 100%);font-family:Fira Code,Monaco,Menlo,Ubuntu Mono,monospace;overflow-x:hidden}#app{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.terminal-window{opacity:0;background:#0a0a0a;border:2px solid #333;border-radius:12px;width:100%;max-width:1200px;transition:all .8s cubic-bezier(.25,.46,.45,.94);overflow:hidden;transform:translateY(20px);box-shadow:0 0 30px #00ff001a,0 0 60px #00ff000d,inset 0 1px #ffffff1a}.terminal-window.loaded{opacity:1;transform:translateY(0)}.terminal-window:before{content:"";background:linear-gradient(90deg,#0000,#0f0,#0000);height:1px;animation:3s linear infinite scanline;position:absolute;top:0;left:0;right:0}.cursor{animation:1s infinite blink}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#0f0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0c0}@media (max-width:768px){#app{padding:10px}.terminal-window{border-radius:8px}}.terminal-header{background:linear-gradient(135deg,#1a1a1a 0%,#0f0f0f 100%);border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:relative}.terminal-controls{gap:8px;display:flex}.control-btn{cursor:pointer;border-radius:50%;width:12px;height:12px;transition:all .2s}.control-btn:hover{transform:scale(1.1)}.close{background:#ff5f56}.close:hover{background:#ff3b30;box-shadow:0 0 10px #ff5f5680}.minimize{background:#ffbd2e}.minimize:hover{background:#ff9500;box-shadow:0 0 10px #ffbd2e80}.maximize{background:#27ca3f}.maximize:hover{background:#00d4aa;box-shadow:0 0 10px #27ca3f80}.terminal-title{color:#0f0;text-shadow:0 0 10px #00ff004d;align-items:center;gap:8px;font-weight:600;display:flex}.terminal-icon{font-size:16px;animation:2s ease-in-out infinite pulse}.terminal-text{font-family:Fira Code,Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px}.terminal-status{align-items:center;gap:6px;display:flex}.status-indicator{border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.status-indicator.online{background:#0f0;box-shadow:0 0 10px #00ff0080}.status-text{color:#0f0;letter-spacing:1px;font-size:10px;font-weight:600}.terminal-body{background:#0a0a0a;min-height:600px;max-height:80vh;padding:20px;font-family:Fira Code,Monaco,Menlo,Ubuntu Mono,monospace;overflow-y:auto}.terminal-content{max-width:100%}.terminal-line{align-items:center;gap:10px;margin-bottom:10px;display:flex}.prompt{color:#0f0;white-space:nowrap;font-weight:600}.command{color:#fff;font-weight:500}.output-section{margin-bottom:30px;margin-left:20px}.ascii-art{text-align:center;margin:20px 0}.ascii-text{color:#0f0;text-shadow:0 0 10px #00ff004d;font-size:12px;line-height:1.2}.welcome-text{text-align:center;margin:20px 0}.greeting{color:#0f0;text-shadow:0 0 20px #00ff0080;margin-bottom:10px;font-size:24px}.description{color:#ccc;font-size:16px}.deployment-info{color:#0f0;opacity:.8;margin-top:10px;font-size:12px}.highlight{color:#0f0;text-shadow:0 0 10px #00ff004d;font-weight:600}.cursor{color:#0f0;animation:1s infinite blink}.command-input{color:#fff;font-family:inherit;font-size:inherit;caret-color:#0f0;background:0 0;border:none;outline:none;flex:1}.command-input::placeholder{color:#666}.help-output h3,.about-output h3,.projects-output h3,.skills-output h3,.contact-output h3,.sponsor-output h3{color:#0f0;margin-bottom:15px}.command-list{margin:15px 0}.command-item{align-items:center;gap:15px;margin-bottom:8px;display:flex}.cmd{color:#0f0;min-width:80px;font-weight:600}.clickable-cmd{cursor:pointer;border-radius:4px;padding:2px 6px;transition:all .3s;display:inline-block}.clickable-cmd:hover{text-shadow:0 0 10px #0f09;background:#00ff001a;transform:translateY(-1px)}.desc{color:#ccc}.project-item{background:#00ff000d;border:1px solid #0f03;border-radius:4px;margin-bottom:15px;padding:10px}.project-link{color:#0f0;font-size:14px}.project-link a{color:#0f0;text-decoration:none}.project-link a:hover{text-shadow:0 0 10px #0f09}.skill-category{background:#00ff000d;border-radius:4px;margin-bottom:10px;padding:8px}.output{color:#ccc;margin:10px 0}.error{color:#ff6b6b;margin:10px 0}.contact-output p,.sponsor-output p{margin-bottom:10px}.contact-output a,.sponsor-output a{color:#0f0;text-decoration:none}.contact-output a:hover,.sponsor-output a:hover{text-shadow:0 0 10px #0f09}@media (max-width:768px){.terminal-header{padding:10px 15px}.terminal-text{font-size:12px}.status-text{display:none}.terminal-body{padding:15px}}
