@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";
*{box-sizing:border-box;margin:0;padding:0;font-family:VT323,monospace}body{color:#000;background-color:#2d1b69;justify-content:center;align-items:center;min-height:100vh;padding:20px;line-height:1.2;display:flex}.system-container{background-color:#4a3586;border:2px solid #000;width:100%;max-width:800px;overflow:hidden;box-shadow:5px 5px #0003}.menu-bar{background-color:#fff;border-bottom:2px solid #000;justify-content:space-between;padding:5px 10px;font-size:18px;display:flex}.menu-items{gap:15px;display:flex}.time-display{font-weight:700}.desktop-container{grid-template-columns:70px 1fr 70px;min-height:500px;display:grid}.sidebar{background-color:#5a4b9d;border-right:2px solid #000;flex-direction:column;align-items:center;gap:20px;padding:10px;display:flex}.contact-section{border-top:2px solid #000;margin-top:20px;padding-top:15px}.contact-icons-row{justify-content:center;gap:30px;display:flex}.contact-icon{cursor:pointer;text-align:center;color:#000;flex-direction:column;align-items:center;font-size:14px;display:flex}.contact-icon:hover{opacity:.7}.contact-icon span{margin-top:5px;font-weight:700}.icon.small{background-color:#fff;border:2px solid #000;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex}.sidebar.right{border-left:2px solid #000;border-right:none}.icon-container{cursor:pointer;text-align:center;color:#fff;flex-direction:column;align-items:center;font-size:14px;display:flex}.icon{background-color:#fff;border:2px solid #000;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:5px;font-size:24px;display:flex}.main-content{background-color:#fff;flex-direction:column;align-items:center;padding:20px;display:flex;overflow-y:auto}.window{border:2px solid #000;width:100%;margin-bottom:20px}.window-title{color:#fff;text-align:center;background-color:#000;border-bottom:2px solid #000;padding:5px 10px;font-size:18px}.tab-container{border-bottom:2px solid #000;display:flex}.tab{cursor:pointer;color:#fff;background-color:#6a5acd;border-right:2px solid #000;padding:5px 10px}.tab.active{color:#000;background-color:#fff;border-bottom:2px solid #fff;margin-bottom:-2px}.window-content{padding:15px;display:block}.graph-container{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px;display:grid}.graph{border:2px solid #000;padding:10px}.graph-title{text-align:center;margin-bottom:5px;font-weight:700}.graph-visual{background-color:#fff;border:2px solid #000;gap:2px;height:100px;padding:2px;display:flex;position:relative;overflow:hidden}.graph-bar{background-color:#7b68ee;flex:1;align-self:flex-end;min-width:4px;transition:height .2s}.stats-container{grid-template-columns:1fr 1fr;gap:15px;display:grid}.stats-box{border:2px solid #000;padding:10px}.stats-title{text-align:center;border-bottom:1px solid #000;margin-bottom:5px;font-weight:700}.stats-row{justify-content:space-between;margin-bottom:5px;display:flex}.stats-label{font-weight:700}.projects-list,.skills-list,.contact-form{width:100%}.project-item,.skill-item{border:2px solid #000;margin-bottom:10px;padding:10px}.project-title,.skill-title{margin-bottom:5px;font-weight:700}.skill-bar{background-color:#8a7cc8;border:2px solid #000;width:100%;height:20px;margin-top:5px}.skill-progress{background-color:#000;height:100%}.form-group{margin-bottom:15px}label{margin-bottom:5px;font-weight:700;display:block}input,textarea{background-color:#fff;border:2px solid #000;width:100%;padding:10px;font-family:VT323,monospace;font-size:16px}textarea{resize:vertical;height:100px}button{color:#fff;cursor:pointer;background-color:#000;border:2px solid #000;padding:8px 15px;font-family:VT323,monospace;font-size:16px}button:hover{background-color:#7b68ee}button:disabled{cursor:not-allowed;background-color:#666}a{color:#9370db;text-decoration:underline}a:hover{color:#000}.terminal-container{background-color:#1e1e2e;border:2px solid #000;flex-direction:column;height:300px;font-family:VT323,monospace;display:flex}.terminal-output{flex-direction:column;flex:1;gap:4px;padding:10px;display:flex;overflow-y:auto}.terminal-line{flex-wrap:wrap;gap:8px;display:flex}.terminal-line.user .terminal-prompt{color:#a855f7}.terminal-line.assistant .terminal-prompt{color:#fc0}.terminal-prompt{white-space:nowrap;font-weight:700}.terminal-text{color:#c084fc}.terminal-line.assistant .terminal-text{color:#ccc}.terminal-input-form{background-color:#1e1e2e;border-top:2px solid #3b3b5c;align-items:center;gap:8px;padding:10px;display:flex}.terminal-input-prompt{color:#a855f7;white-space:nowrap;font-weight:700}.terminal-input{color:#c084fc;caret-color:#a855f7;background-color:#0000;border:none;outline:none;flex:1;font-family:VT323,monospace;font-size:16px}.terminal-input::placeholder{color:#6b21a8}@media (max-width:768px){.desktop-container{grid-template-columns:1fr}.sidebar{border-bottom:2px solid #000;border-right:none;flex-direction:row;justify-content:center;padding:10px;display:flex}.sidebar.left{border-bottom:2px solid #000;order:1}.sidebar.right{border-top:2px solid #000;border-left:none;order:3}.main-content{order:2;width:100%}.icon-container{margin:0 10px}.graph-container,.stats-container{grid-template-columns:1fr}.window{width:100%;margin-bottom:10px}.projects-list,.skills-list{flex-direction:column;display:flex}.project-item,.skill-item{width:100%;margin-bottom:15px}.contact-form{width:100%;padding:0 10px}.form-group{margin-bottom:10px}input,textarea{width:100%;padding:8px}.tab-container{flex-wrap:wrap;justify-content:center;display:flex}.tab{text-align:center;border-bottom:2px solid #000;flex-grow:1}.stats-row{text-align:center;flex-direction:column;align-items:center}.stats-label{margin-bottom:5px}}