.terminal-page{background:var(--bg-primary,#0a0a0f);min-height:100vh;color:var(--text-primary,#e6f1ff);transition:background .3s,color .3s}.light-mode .terminal-page,body.light-mode .terminal-page{color:#1e293b;background:#fff!important}.terminal-container{background:0 0;flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;padding:100px 20px 40px;display:flex}.terminal-label{color:#00d4ff;text-transform:lowercase;letter-spacing:2px;text-shadow:0 0 10px #00d4ff80;margin-left:auto;font-family:JetBrains Mono,Source Code Pro,monospace;font-size:24px;font-weight:600;line-height:1.2;transition:text-shadow .3s}.terminal-label:hover{text-shadow:0 0 15px #00d4ffcc}.terminal-back-button,.light-mode-button{color:#fff;cursor:pointer;background-color:#00d4ff26;border:1px solid #00d4ff40;border-radius:999px;outline:none;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;padding:0;font-size:18px;line-height:0;transition:all .3s;display:flex;box-shadow:0 1px 4px #00d4ff1a}.terminal-back-button:hover,.light-mode-button:hover{background-color:#00d4ff40;border-color:#00d4ff66;transform:translateY(-2px)scale(1.05);box-shadow:0 4px 12px #00d4ff33}.terminal-back-button:focus-visible,.light-mode-button:focus-visible{outline-offset:3px;outline:2px solid #00d4ff;box-shadow:0 0 0 4px #00d4ff33}.terminal-back-button:active,.light-mode-button:active{transform:translateY(0)scale(1);box-shadow:0 2px 4px #00d4ff26}.light-mode-button svg{width:20px;height:20px;transition:transform .3s}.light-mode-button:hover svg{transform:rotate(15deg)}.terminal-box{background-color:#0d2538;border:1px solid #00d4ff33;border-radius:12px;flex-direction:column;width:100%;max-width:1100px;height:75vh;min-height:500px;margin:0 auto;padding:0;font-family:JetBrains Mono,Courier New,Consolas,monospace;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000004d,0 0 20px #00d4ff1a}.terminal-window-controls{background-color:#0003;border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;padding:16px 20px;display:flex}.terminal-path{color:#ffffffb3;letter-spacing:.5px;-webkit-user-select:none;user-select:none;margin-left:auto;font-family:JetBrains Mono,Courier New,Consolas,monospace;font-size:13px;font-weight:500}body.light-mode .terminal-path,.light-mode .terminal-path{color:#0284c7;text-shadow:0 0 8px #0284c766;font-weight:600}.control-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:12px;height:12px;padding:0;transition:all .2s;display:flex;position:relative}.control-dot{border-radius:50%;width:100%;height:100%;transition:all .2s}.control-dot.close{background-color:#ff5f57}.control-dot.minimize{background-color:#ffbd2e}.control-dot.maximize{background-color:#28ca42}.control-btn:hover .control-dot{transform:scale(1.3);box-shadow:0 0 10px}.control-btn:focus-visible .control-dot{outline-offset:2px;outline:2px solid #ffffff80}.control-btn:active .control-dot{transform:scale(1.1)}.terminal-output{scroll-behavior:smooth;flex:1;padding:20px;font-size:14px;line-height:1.6;overflow-y:auto}.terminal-output::-webkit-scrollbar{width:8px}.terminal-output::-webkit-scrollbar-track{background:#0003}.terminal-output::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:4px}.terminal-output::-webkit-scrollbar-thumb:hover{background:#00d4ff80}.terminal-line{white-space:pre-wrap;word-break:break-word;color:#f0f0f0;margin:2px 0;font-family:inherit;font-weight:500}.terminal-input-line{align-items:center;gap:8px;padding:0 20px 20px;font-size:14px;display:flex}.terminal-arrow{color:#00d4ff;text-shadow:0 0 8px #00d4ff80;-webkit-user-select:none;user-select:none;font-weight:600}.terminal-input-field{color:#fff;caret-color:#00d4ff;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px;font-weight:500}.terminal-input-field::placeholder{color:#ffffff4d}.terminal-cursor{color:#00d4ff;text-shadow:0 0 8px #00d4ffcc;font-weight:600;animation:1s infinite blink}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}body.light-mode .terminal-container{color:#1e293b;background-color:#0000}body.light-mode .terminal-label{color:#0284c7;text-shadow:0 0 8px #0284c766}body.light-mode .terminal-label:hover{text-shadow:0 0 12px #0284c799}body.light-mode .terminal-back-button,body.light-mode .light-mode-button{color:#0284c7;background-color:#0284c71a;border-color:#0284c74d;box-shadow:0 2px 8px #0284c726}body.light-mode .terminal-back-button:hover,body.light-mode .light-mode-button:hover{background-color:#0284c733;box-shadow:0 4px 12px #0284c740}body.light-mode .terminal-box,.light-mode .terminal-box{background:#1e293b;border:2px solid #0284c766;box-shadow:0 8px 32px #0003,0 0 20px #0284c74d}body.light-mode .terminal-window-controls,.light-mode .terminal-window-controls{background:linear-gradient(135deg,#0284c726 0%,#0284c740 100%);border-bottom:2px solid #0284c766}body.light-mode .terminal-line,.light-mode .terminal-line{color:#e2e8f0;font-weight:500}body.light-mode .terminal-arrow,.light-mode .terminal-arrow{color:#0284c7;text-shadow:0 0 8px #0284c799}body.light-mode .terminal-input-field,.light-mode .terminal-input-field{color:#e2e8f0;caret-color:#0284c7;font-weight:500}body.light-mode .terminal-cursor,.light-mode .terminal-cursor{color:#0284c7;text-shadow:0 0 8px #0284c7cc}body.light-mode .terminal-output::-webkit-scrollbar-thumb{background:#0284c74d}body.light-mode .terminal-output::-webkit-scrollbar-thumb:hover{background:#0284c780}@media (max-width:768px){.terminal-container{padding:80px 16px 30px}.terminal-box{border-radius:8px;height:85vh;min-height:400px}.terminal-output{padding:16px;font-size:13px}.terminal-input-line{padding:0 16px 16px;font-size:13px}}@media (prefers-reduced-motion:reduce){.terminal-cursor{animation:none}*{transition:none!important;animation:none!important}}