.terminal-page{min-height:100vh;background:var(--bg-primary,#0a0a0f);color:var(--text-primary,#e6f1ff);transition:background .3s ease,color .3s ease}.light-mode .terminal-page,body.light-mode .terminal-page{background:#ffffff!important;color:#1e293b}.terminal-container{max-width:1200px;margin:0 auto;padding:100px 20px 40px;display:flex;flex-direction:column;gap:20px;background:transparent}.terminal-label{font-family:JetBrains Mono,Source Code Pro,monospace;font-size:24px;font-weight:600;color:#00d4ff;text-transform:lowercase;letter-spacing:2px;line-height:1.2;text-shadow:0 0 10px rgba(0,212,255,.5);margin-left:auto;transition:text-shadow .3s ease}.terminal-label:hover{text-shadow:0 0 15px rgba(0,212,255,.8)}.light-mode-button,.terminal-back-button{background-color:rgba(0,212,255,.15);border:1px solid rgba(0,212,255,.25);color:#ffffff;width:36px;height:36px;min-width:36px;font-size:18px;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,212,255,.1);transition:all .3s ease;padding:0;line-height:0;outline:none}.light-mode-button:hover,.terminal-back-button:hover{background-color:rgba(0,212,255,.25);border-color:rgba(0,212,255,.4);box-shadow:0 4px 12px rgba(0,212,255,.2);transform:translateY(-2px) scale(1.05)}.light-mode-button:focus-visible,.terminal-back-button:focus-visible{outline:2px solid #00d4ff;outline-offset:3px;box-shadow:0 0 0 4px rgba(0,212,255,.2)}.light-mode-button:active,.terminal-back-button:active{transform:translateY(0) scale(1);box-shadow:0 2px 4px rgba(0,212,255,.15)}.light-mode-button svg{width:20px;height:20px;transition:transform .3s ease}.light-mode-button:hover svg{transform:rotate(15deg)}.terminal-box{font-family:JetBrains Mono,Courier New,Consolas,monospace;background-color:#0d2538;border:1px solid rgba(0,212,255,.2);margin:0 auto;padding:0;box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 20px rgba(0,212,255,.1);overflow:hidden;width:100%;max-width:1100px;height:75vh;min-height:500px;display:flex;flex-direction:column;border-radius:12px}.terminal-window-controls{display:flex;align-items:center;gap:8px;padding:16px 20px;background-color:rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.1)}.terminal-path{font-family:JetBrains Mono,Courier New,Consolas,monospace;font-size:13px;font-weight:500;color:rgba(255,255,255,.7);margin-left:auto;letter-spacing:.5px;user-select:none}.light-mode .terminal-path,body.light-mode .terminal-path{color:#0284c7;font-weight:600;text-shadow:0 0 8px rgba(2,132,199,.4)}.control-btn{width:12px;height:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;outline:none;border:none;background:transparent;padding:0}.control-dot{width:100%;height:100%;border-radius:50%;transition:all .2s ease}.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 currentColor}.control-btn:focus-visible .control-dot{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.control-btn:active .control-dot{transform:scale(1.1)}.terminal-output{flex:1;overflow-y:auto;padding:20px;font-size:14px;line-height:1.6;scroll-behavior:smooth}.terminal-output::-webkit-scrollbar{width:8px}.terminal-output::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.terminal-output::-webkit-scrollbar-thumb{background:rgba(0,212,255,.3);border-radius:4px}.terminal-output::-webkit-scrollbar-thumb:hover{background:rgba(0,212,255,.5)}.terminal-line{margin:2px 0;white-space:pre-wrap;word-break:break-word;color:#f0f0f0;font-family:inherit;font-weight:500}.terminal-input-line{display:flex;align-items:center;gap:8px;padding:0 20px 20px;font-size:14px}.terminal-arrow{color:#00d4ff;font-weight:600;text-shadow:0 0 8px rgba(0,212,255,.5);user-select:none}.terminal-input-field{flex:1;background:transparent;border:none;color:#ffffff;font-size:14px;font-family:inherit;outline:none;caret-color:#00d4ff;font-weight:500}.terminal-input-field::placeholder{color:rgba(255,255,255,.3)}.terminal-cursor{color:#00d4ff;animation:blink 1s infinite;font-weight:600;text-shadow:0 0 8px rgba(0,212,255,.8)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}body.light-mode .terminal-container{background-color:transparent;color:#1e293b}body.light-mode .terminal-label{color:#0284c7;text-shadow:0 0 8px rgba(2,132,199,.4)}body.light-mode .terminal-label:hover{text-shadow:0 0 12px rgba(2,132,199,.6)}body.light-mode .light-mode-button,body.light-mode .terminal-back-button{background-color:rgba(2,132,199,.1);border-color:rgba(2,132,199,.3);color:#0284c7;box-shadow:0 2px 8px rgba(2,132,199,.15)}body.light-mode .light-mode-button:hover,body.light-mode .terminal-back-button:hover{background-color:rgba(2,132,199,.2);box-shadow:0 4px 12px rgba(2,132,199,.25)}.light-mode .terminal-box,body.light-mode .terminal-box{background:#1e293b;border:2px solid rgba(2,132,199,.4);box-shadow:0 8px 32px rgba(0,0,0,.2),0 0 20px rgba(2,132,199,.3)}.light-mode .terminal-window-controls,body.light-mode .terminal-window-controls{background:linear-gradient(135deg,rgba(2,132,199,.15),rgba(2,132,199,.25));border-bottom:2px solid rgba(2,132,199,.4)}.light-mode .terminal-line,body.light-mode .terminal-line{color:#e2e8f0;font-weight:500}.light-mode .terminal-arrow,body.light-mode .terminal-arrow{color:#0284c7;text-shadow:0 0 8px rgba(2,132,199,.6)}.light-mode .terminal-input-field,body.light-mode .terminal-input-field{color:#e2e8f0;caret-color:#0284c7;font-weight:500}.light-mode .terminal-cursor,body.light-mode .terminal-cursor{color:#0284c7;text-shadow:0 0 8px rgba(2,132,199,.8)}body.light-mode .terminal-output::-webkit-scrollbar-thumb{background:rgba(2,132,199,.3)}body.light-mode .terminal-output::-webkit-scrollbar-thumb:hover{background:rgba(2,132,199,.5)}@media (max-width:768px){.terminal-container{padding:80px 16px 30px}.terminal-box{height:85vh;min-height:400px;border-radius:8px}.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}}