*{margin:0;padding:0;box-sizing:border-box}:root{--page-bg: #000000;--component-bg: #141414;--highlight: #00FF41;--highlight-hover: #00CC34;--border-color: #3F3F3F;--alert: #FF0000;--neutral-text: #B7B7B7;--primary-text: #FFFFFF;--font-family: "Roboto", sans-serif;--terminal-black: var(--page-bg);--terminal-green: var(--highlight);--terminal-bright-green: var(--highlight-hover);--terminal-gray: var(--border-color);--terminal-light-gray: var(--neutral-text);--terminal-white: var(--primary-text);--terminal-font: var(--font-family)}body{font-family:var(--font-family);background-color:var(--page-bg);color:var(--neutral-text);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:32px;font-weight:700;color:var(--primary-text)}h2{font-size:24px;font-weight:500;color:var(--primary-text)}.terminal-app{min-height:100vh;background-color:var(--page-bg)}.terminal-window{background-color:var(--page-bg);border:1px solid var(--border-color);position:relative;overflow:hidden}.terminal-header{background-color:var(--component-bg);border-bottom:1px solid var(--border-color);padding:8px 16px;display:flex;justify-content:space-between;align-items:center;font-size:16px;position:relative;z-index:2}.terminal-title{color:var(--primary-text);font-weight:500}.terminal-header-right{display:flex;align-items:center;gap:15px}.terminal-controls{display:flex;gap:8px}.terminal-control{width:12px;height:12px;background-color:var(--neutral-text);border:none;cursor:pointer;border-radius:0}.terminal-content{padding:20px;position:relative;z-index:2;min-height:calc(100vh - 60px)}.terminal-nav{position:fixed;top:20px;right:20px;z-index:1000;background-color:var(--component-bg);border:1px solid var(--border-color);padding:10px}.nav-menu{display:flex;flex-direction:column;gap:5px;list-style:none}.nav-item{background:none;border:none;color:var(--neutral-text);padding:8px 16px;font-family:var(--font-family);text-decoration:none;cursor:pointer;transition:all .2s ease;font-size:16px}.nav-item:hover,.nav-item.active{color:var(--highlight)}.ascii-art{font-family:monospace;color:var(--highlight);white-space:pre;line-height:1;-webkit-user-select:none;user-select:none;margin:20px 0}.terminal-text{color:var(--neutral-text);margin:10px 0}.terminal-prompt{color:var(--highlight);font-weight:700}.terminal-prompt:before{content:"> ";color:var(--highlight)}.terminal-command{color:var(--primary-text);background-color:var(--component-bg);padding:2px 4px;font-weight:700}.terminal-section{margin:30px 0;border:1px solid var(--border-color);background-color:var(--component-bg)}.terminal-section-header{background-color:var(--component-bg);color:var(--primary-text);border-bottom:1px solid var(--border-color);padding:8px 16px;font-weight:500;font-size:24px}.highlight-section{border:1px solid var(--border-color);background-color:var(--component-bg);position:relative;overflow:hidden}.highlight-content{display:flex;flex-direction:column;gap:20px;position:relative;z-index:2;padding:20px}.highlight-description{display:flex;flex-direction:column;gap:15px}.highlight-tech{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.status-badge{background-color:var(--highlight);color:var(--page-bg);padding:4px 8px;font-size:12px;font-weight:400}.highlight-action{display:flex;justify-content:center}.highlight-buttons{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.highlight-button{background-color:var(--highlight);color:var(--page-bg);border:none;padding:15px 25px;transition:background-color .3s ease;text-align:center;min-width:200px;cursor:pointer;font-family:var(--font-family);font-size:16px;font-weight:500}.highlight-button.secondary{background-color:var(--neutral-text);color:var(--page-bg)}.highlight-button:hover{background-color:var(--highlight-hover)}.highlight-button.secondary:hover{background-color:#999}.highlight-button .terminal-prompt{color:inherit;font-weight:inherit;margin-bottom:0}.highlight-button .terminal-prompt:before{display:none}.highlight-button.secondary .terminal-prompt{color:inherit}.highlight-button .terminal-text{color:inherit;font-size:12px}.terminal-section-content{padding:20px}.terminal-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.terminal-card{border:1px solid var(--border-color);background-color:var(--component-bg);padding:15px;position:relative;border-radius:0}.terminal-card-header{color:var(--primary-text);font-weight:500;font-size:24px;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid var(--border-color)}.terminal-link{color:var(--highlight);text-decoration:none;border-bottom:1px solid var(--highlight);transition:all .2s ease}.terminal-link:hover{color:var(--page-bg);background-color:var(--highlight)}.terminal-button{background-color:var(--neutral-text);color:var(--page-bg);border:none;padding:8px 16px;font-family:var(--font-family);cursor:pointer;font-size:16px;transition:background-color .2s ease;border-radius:0}.terminal-button:hover{background-color:#999}.terminal-button.primary{background-color:var(--highlight);color:var(--page-bg)}.terminal-button.primary:hover{background-color:var(--highlight-hover)}.terminal-button:disabled{background-color:var(--component-bg);color:var(--border-color);border:1px solid var(--border-color);cursor:not-allowed}.terminal-input{background-color:var(--component-bg);border:1px solid var(--border-color);color:var(--primary-text);padding:8px 12px;font-family:var(--font-family);font-size:16px;width:100%;margin:5px 0;border-radius:0}.terminal-input:focus{outline:none;border-color:var(--highlight);box-shadow:0 0 5px var(--highlight)}.terminal-table{width:100%;border-collapse:collapse;margin:20px 0}.terminal-table th,.terminal-table td{border:1px solid var(--border-color);padding:8px 12px;text-align:left}.terminal-table th{background-color:var(--component-bg);color:var(--primary-text);font-weight:500}.terminal-table tbody tr:hover{background-color:#1a1a1a}.blinking-cursor:after{content:"█";animation:blink 1s infinite;margin-left:2px;color:var(--highlight)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media(max-width:1024px){.terminal-window{margin:10px;max-width:calc(100% - 20px)}.terminal-nav{position:fixed;top:10px;right:10px;left:auto;bottom:auto;z-index:1001}}@media(max-width:768px){.terminal-app{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.terminal-window{margin:5px;max-width:calc(100% - 10px)}.terminal-header{padding:6px 12px;font-size:14px;flex-wrap:wrap;gap:5px}.terminal-nav{position:fixed;bottom:20px;left:50%;transform:translate(-50%);right:unset;top:unset;width:calc(100% - 30px);max-width:350px;padding:12px;background-color:var(--component-bg);border:1px solid var(--border-color)}.nav-menu{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;justify-items:center}.nav-item{padding:12px 8px;text-align:center;width:100%;border:1px solid var(--border-color);background-color:var(--page-bg)}.terminal-content{padding:12px 12px 140px}.terminal-grid{grid-template-columns:1fr}}.terminal-error{color:var(--alert);font-family:var(--font-family);font-size:12px;margin-top:5px;display:flex;align-items:center;gap:5px;background-color:#ff00001a;border:1px solid var(--alert);padding:5px 8px;border-radius:0}.error-indicator{color:var(--alert);font-weight:700}.terminal-input.error{border-color:var(--alert)!important;background-color:#ff00000d!important}.terminal-input.error:focus{box-shadow:0 0 5px var(--alert)!important}.project-meta{margin:10px 0}.tech-stack{margin-top:15px;display:flex;flex-wrap:wrap;gap:5px}.tech-tag{font-size:12px;padding:4px 8px;border:1px solid var(--border-color);background-color:var(--component-bg);color:var(--neutral-text)}.file-tree{font-size:14px;line-height:1.5;color:var(--neutral-text)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:15px}.tech-item{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-color)}.terminal-form{margin-top:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--primary-text)}.terminal-input[type=textarea],.terminal-input textarea{resize:vertical;min-height:120px}.form-actions{display:flex;gap:15px;margin-top:25px;flex-wrap:wrap}.language-switch{display:flex;align-items:center;gap:5px;font-family:Courier New,monospace;font-size:12px;color:var(--terminal-green)}.language-label{color:var(--terminal-green);font-weight:700}.language-btn{background:none;border:none;color:var(--terminal-gray);font-family:Courier New,monospace;font-size:12px;cursor:pointer;padding:2px 4px;transition:color .2s ease}.language-btn:hover{color:var(--terminal-bright-green)}.language-btn.active{color:var(--terminal-bright-green);font-weight:700}.language-separator{color:var(--terminal-gray);margin:0 2px}.terminal-main{position:relative;z-index:2;min-height:400px;margin:20px 0}.terminal-footer{margin-top:40px;border-top:1px solid var(--terminal-gray);padding-top:10px}.terminal-status-bar{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--terminal-green);background-color:#000c;padding:8px 12px;border:1px solid var(--terminal-gray)}.status-left,.status-right{font-family:var(--terminal-font);letter-spacing:.5px}.terminal-window{max-width:1200px;margin:20px auto;box-shadow:0 0 30px #00ff4166,inset 0 0 30px #00ff411a,0 0 100px #00ff4133}.terminal-nav{background-color:#000000f2;border:2px solid var(--terminal-green);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nav-item{position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,65,.2),transparent);transition:left .5s ease}.nav-item:hover:before{left:100%}.terminal-typing{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid var(--terminal-green);animation:typing 3s steps(40,end),blink-caret 1s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--terminal-green)}}.terminal-prompt{margin-bottom:20px;padding:10px 0;border-bottom:1px solid var(--terminal-gray);font-size:14px}.matrix-rain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.05;overflow:hidden}.matrix-column{position:absolute;top:-100vh;font-family:var(--terminal-font);font-size:12px;color:var(--terminal-green);white-space:pre;line-height:1.2;animation:matrix-fall linear infinite}@keyframes matrix-fall{0%{transform:translateY(-100vh);opacity:1}80%{opacity:1}to{transform:translateY(100vh);opacity:0}}.terminal-glitch{position:relative;color:var(--terminal-green)}.terminal-glitch:before,.terminal-glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--terminal-black)}.terminal-glitch:before{animation:glitch-1 .5s infinite;color:#ff0040;z-index:-1}.terminal-glitch:after{animation:glitch-2 .5s infinite;color:#0ff;z-index:-2}@keyframes glitch-1{0%,14%,15%,49%,50%,99%,to{transform:translate(0)}1%,13%{transform:translate(-2px,2px)}16%,48%{transform:translate(2px,-2px)}}@keyframes glitch-2{0%,20%,21%,62%,63%,99%,to{transform:translate(0)}1%,19%{transform:translate(2px,-2px)}22%,61%{transform:translate(-2px,2px)}}.terminal-scanlines{position:relative;overflow:hidden}.terminal-scanlines:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,255,65,.03),rgba(0,255,65,.03) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:1}.terminal-crt{position:relative;background:var(--terminal-black)}.terminal-crt:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,255,65,.1) 100%);pointer-events:none;z-index:1}@media(max-width:1024px){.terminal-window{margin:10px;max-width:calc(100% - 20px)}.matrix-column{font-size:10px}}@media(max-width:768px){.terminal-window{margin:5px;max-width:calc(100% - 10px);box-shadow:0 0 15px #00ff414d,inset 0 0 15px #00ff411a}.terminal-main{min-height:300px;margin:15px 0}.terminal-footer{margin-top:30px;padding-top:8px}.terminal-status-bar{flex-direction:column;gap:4px;text-align:center;font-size:9px;padding:6px 8px}.status-left,.status-right{font-size:9px}.terminal-prompt{font-size:12px;margin-bottom:15px;padding:8px 0;word-break:break-all}.nav-item{font-size:9px;padding:8px 12px;border-radius:4px}.matrix-column{font-size:8px}.terminal-typing{font-size:12px}.minimized-overlay{padding:10px}.minimized-content{max-width:100%;padding:15px}.minimized-ascii pre{font-size:8px;line-height:1}.joke-line{font-size:10px;margin:4px 0}.blinking-text{font-size:11px}.shutdown-content{padding:20px;max-width:90%}.shutdown-logo{font-size:48px}.shutdown-line{font-size:12px}}@media(max-width:480px){.terminal-header{padding:4px 8px;font-size:10px}.terminal-title{font-size:9px;max-width:140px}.terminal-content{padding:8px}.terminal-control{width:8px;height:8px;font-size:6px}.terminal-main{min-height:250px;margin:10px 0}.terminal-footer{margin-top:20px}.terminal-status-bar{font-size:8px;padding:4px 6px}.status-left,.status-right{font-size:8px}.terminal-prompt{font-size:11px;margin-bottom:12px;padding:6px 0}.matrix-column{font-size:6px}.terminal-typing{font-size:11px}.minimized-ascii pre{font-size:6px}.joke-line{font-size:9px}.blinking-text{font-size:10px}.shutdown-content{padding:15px}.shutdown-logo{font-size:36px}.shutdown-line{font-size:11px}}@media(max-width:360px){.terminal-title{max-width:120px;font-size:8px}.terminal-control{width:7px;height:7px;font-size:5px}.terminal-content{padding:6px}.minimized-ascii pre{font-size:5px}}.mobile-nav-toggle{display:none;position:fixed;bottom:15px;left:50%;transform:translate(-50%);z-index:1003;width:56px;height:56px;background-color:var(--terminal-black);border:2px solid var(--terminal-green);color:var(--terminal-green);font-family:var(--terminal-font);font-size:20px;cursor:pointer;border-radius:50%;transition:all .3s ease;box-shadow:0 0 15px #00ff4166,0 4px 20px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-nav-toggle:hover{background-color:var(--terminal-green);color:var(--terminal-black);box-shadow:0 0 20px #00ff41b3,0 4px 25px #0006;transform:translate(-50%) scale(1.05)}.mobile-nav-toggle:active{transform:translate(-50%) scale(.95)}.nav-toggle-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:700}@keyframes nav-toggle-pulse{0%{box-shadow:0 0 15px #00ff4166,0 4px 20px #0000004d}50%{box-shadow:0 0 25px #00ff4199,0 4px 25px #0006}to{box-shadow:0 0 15px #00ff4166,0 4px 20px #0000004d}}@media(max-width:768px){.mobile-nav-toggle{display:flex;align-items:center;justify-content:center}.terminal-nav.hidden+.mobile-nav-toggle{animation:nav-toggle-pulse 2s ease-in-out infinite}.terminal-nav.hidden{transform:translate(-50%) translateY(100%);opacity:0;pointer-events:none}.terminal-nav.visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:all}.terminal-nav{transition:all .4s cubic-bezier(.4,0,.2,1)}}@media(max-width:768px)and (orientation:landscape){.terminal-window{margin:5px}.terminal-main{min-height:200px}.terminal-footer{margin-top:15px}.minimized-content{max-height:90vh;overflow-y:auto}.mobile-nav-toggle{bottom:12px;width:48px;height:48px;font-size:18px}}.minimized-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--terminal-black) 0%,rgba(0,20,0,.95) 50%,var(--terminal-black) 100%);z-index:9998;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:minimizeIn .5s ease-in-out}.minimized-content{text-align:center;color:var(--terminal-green);font-family:var(--terminal-font);max-width:800px;padding:20px;pointer-events:none}.minimized-ascii{margin-bottom:30px}.minimized-ascii pre{color:var(--terminal-bright-green);font-size:11px;line-height:1.2;margin:0;text-shadow:0 0 5px rgba(0,255,65,.5)}.minimized-jokes{margin:30px 0}.joke-line{margin:15px 0;font-size:14px;opacity:0;animation:slideInJoke .8s ease-out forwards}.joke-line:nth-child(1){animation-delay:.5s}.joke-line:nth-child(2){animation-delay:1s}.joke-line:nth-child(3){animation-delay:1.5s}.joke-line:nth-child(4){animation-delay:2s}.minimized-footer{margin-top:40px}.blinking-text{animation:blink 1.5s ease-in-out infinite;color:var(--terminal-bright-green);font-weight:700;font-size:16px}.minimized-header{position:fixed;top:20px;right:20px;z-index:9999;background:#000000e6;border:1px solid var(--terminal-green);border-radius:4px;padding:8px}@keyframes minimizeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInJoke{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.terminal-control.active{background-color:var(--terminal-green);color:var(--terminal-black);box-shadow:0 0 10px var(--terminal-green);animation:pulse-green 1s ease-in-out infinite alternate}@keyframes pulse-green{0%{box-shadow:0 0 5px var(--terminal-green);transform:scale(1)}to{box-shadow:0 0 15px var(--terminal-green);transform:scale(1.05)}}.shutdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .5s ease-in-out}.shutdown-content{text-align:center;color:var(--terminal-green);font-family:var(--terminal-font);max-width:600px;padding:40px;border:2px solid var(--terminal-green);background-color:#000000e6;box-shadow:0 0 30px #00ff4180,inset 0 0 30px #00ff411a;min-height:300px;display:flex;flex-direction:column;justify-content:center}.shutdown-logo{font-size:48px;margin-bottom:20px;animation:blink 1s ease-in-out infinite alternate}.shutdown-message{margin-bottom:20px;min-height:300px;min-width:400px;display:flex;flex-direction:column;justify-content:flex-start}.shutdown-line{margin:10px 0;opacity:1;animation:typingLine .5s ease-in-out forwards}.shutdown-line.final-message{color:var(--terminal-bright-green);font-weight:700}.shutdown-restart{margin-top:20px;animation:blink 1s ease-in-out infinite alternate}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes typingLine{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes blink{0%{opacity:.5}to{opacity:1}}.terminal-control{transition:all .3s ease;cursor:pointer}.terminal-control:hover{background-color:#00ff4133;box-shadow:0 0 8px #00ff4166;transform:scale(1.1)}.terminal-control:active{transform:scale(.95);box-shadow:0 0 5px #00ff4199}