.terminal-wrapper{min-height:100vh;background:#f4ede4;display:flex;align-items:center;justify-content:center;padding:20px;font-family:Courier New,monospace;transition:background .3s ease}.terminal-window{width:100%;max-width:900px;background:#faf7f5;border-radius:8px;box-shadow:0 20px 60px #2d2d2d26;overflow:hidden;border:2px solid #D4C4B0;transition:all .3s ease}.terminal-header{background:#ede3d8;padding:12px 16px;display:flex;align-items:center;border-bottom:2px solid #D4C4B0;transition:all .3s ease}.terminal-wrapper.dark{background:#1a1a1a}.terminal-wrapper.dark .terminal-window{background:#2a2a2a;border-color:#3a3a3a;box-shadow:0 20px 60px #00000080}.terminal-wrapper.dark .terminal-header{background:#1f1f1f;border-bottom-color:#3a3a3a}.terminal-buttons{display:flex;gap:8px}.btn{width:12px;height:12px;border-radius:50%;display:inline-block}.btn.close{background:#ff5f57}.btn.minimize{background:#ffbd2e}.btn.maximize{background:#28ca42}.terminal-title{flex:1;text-align:center;color:#8b7355;font-size:13px;font-weight:500;transition:color .3s ease}.theme-toggle{background:transparent;border:2px solid #D4C4B0;border-radius:6px;padding:6px 12px;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:#d977571a;border-color:#d97757;transform:scale(1.05)}.theme-toggle svg{width:18px;height:18px;transition:all .3s ease;stroke-width:2}.theme-toggle svg path,.theme-toggle svg circle,.theme-toggle svg line{stroke:#d97757;fill:none;transition:all .3s ease}.terminal-wrapper.dark .theme-toggle svg path,.terminal-wrapper.dark .theme-toggle svg circle,.terminal-wrapper.dark .theme-toggle svg line{stroke:#e89f7f}.theme-toggle:hover svg path,.theme-toggle:hover svg circle,.theme-toggle:hover svg line{stroke:#cc6d4f;transform:scale(1.1)}.terminal-wrapper.dark .theme-toggle:hover svg path,.terminal-wrapper.dark .theme-toggle:hover svg circle,.terminal-wrapper.dark .theme-toggle:hover svg line{stroke:#f0b090}.terminal-wrapper.dark .terminal-title{color:#a0a0a0}.terminal-wrapper.dark .theme-toggle{border-color:#3a3a3a}.terminal-wrapper.dark .theme-toggle:hover{background:#d977571a;border-color:#d97757}.terminal-body{padding:20px;height:70vh;overflow-y:auto;color:#1a1a1a;font-size:14px;line-height:1.6;background:#faf7f5;transition:all .3s ease}.terminal-wrapper.dark .terminal-body{background:#2a2a2a;color:#e0e0e0}.terminal-body::-webkit-scrollbar{width:8px}.terminal-body::-webkit-scrollbar-track{background:#f4ede4}.terminal-wrapper.dark .terminal-body::-webkit-scrollbar-track{background:#1f1f1f}.terminal-body::-webkit-scrollbar-thumb{background:#d4c4b0;border-radius:4px}.terminal-wrapper.dark .terminal-body::-webkit-scrollbar-thumb{background:#3a3a3a}.terminal-body::-webkit-scrollbar-thumb:hover{background:#c4b4a0}.terminal-wrapper.dark .terminal-body::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.ascii-art{color:#cc6d4f;font-size:8px;line-height:1.2;margin:0;opacity:.7;transition:color .3s ease}.terminal-wrapper.dark .ascii-art{color:#d97757;opacity:.8}.welcome-text{color:#4a4a4a;margin:5px 0;font-size:14px;transition:color .3s ease}.terminal-wrapper.dark .welcome-text{color:#a0a0a0}.highlight{font-weight:700;color:#cc6d4f;transition:color .3s ease}.terminal-wrapper.dark .highlight{color:#e89f7f}.prompt-line{display:flex;align-items:center;color:#1a1a1a;transition:color .3s ease}.terminal-wrapper.dark .prompt-line{color:#e0e0e0}.prompt-symbol{color:#d97757;margin-right:10px;font-weight:700;transition:color .3s ease}.terminal-wrapper.dark .prompt-symbol{color:#d97757}.command-text{color:#1a1a1a;font-weight:600;transition:color .3s ease}.terminal-wrapper.dark .command-text{color:#fff}.typing-cursor{color:#d97757;margin-left:2px;animation:blink 1s infinite;font-weight:700;transition:color .3s ease}.terminal-wrapper.dark .typing-cursor{color:#d97757}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.output-line{color:#2a2a2a;padding-left:20px;margin:2px 0;opacity:1;white-space:pre;transition:color .3s ease}.output-container{overflow-x:auto;width:100%;background:transparent;padding:5px 0;scrollbar-width:none;-ms-overflow-style:none}.output-container::-webkit-scrollbar{display:none}.command-group{margin-bottom:10px}.mobile-break{display:none}.terminal-wrapper.dark .output-line{color:#b0b0b0}.output-line.animated{opacity:1}.output-line:has-text("{"),.output-line:has-text("}"),.output-line:has-text("["),.output-line:has-text("]"){color:#b8860b}.terminal-wrapper.dark .output-line:has-text("{"),.terminal-wrapper.dark .output-line:has-text("}"),.terminal-wrapper.dark .output-line:has-text("["),.terminal-wrapper.dark .output-line:has-text("]"){color:gold}.output-line:contains("•"){color:#d97757}.terminal-wrapper.dark .output-line:contains("•"){color:#d97757}.terminal-link{color:#d97757;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;transition:all .3s ease;cursor:pointer;font-weight:600}.terminal-link:hover{color:#cc6d4f;text-decoration-style:solid;background:#d977571a;padding:2px 4px;border-radius:3px}.terminal-wrapper.dark .terminal-link{color:#e89f7f}.terminal-wrapper.dark .terminal-link:hover{color:#f0b090;background:#e89f7f26}@media(max-width:768px){.terminal-wrapper{padding:8px;align-items:stretch;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;max-height:100vh;max-height:100dvh;display:flex;flex-direction:column;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;width:100%}.terminal-window{max-width:100%;margin:0;border-radius:8px;flex:1;display:flex;flex-direction:column;overflow:hidden;max-height:calc(100% - 16px)}.terminal-header{padding:10px 12px;flex-shrink:0}.terminal-body{padding:12px 12px 20px;font-size:14px;flex:1;overflow-y:auto;overflow-x:hidden;line-height:1.6;min-height:0;-webkit-overflow-scrolling:touch}.ascii-art{font-size:6px;line-height:1.1}.terminal-title{font-size:11px}.theme-toggle{padding:5px 10px;font-size:16px;min-width:36px;min-height:36px}.btn{width:10px;height:10px}.terminal-buttons{gap:6px}.welcome-text{font-size:13px}.prompt-line{margin:10px 0 8px}.prompt-symbol{margin-right:8px;font-size:14px}.command-text{font-size:14px;word-break:break-all}.output-line{padding-left:15px;font-size:14px;white-space:pre}.terminal-link{word-break:break-all;font-size:14px}.highlight{font-size:14px}.mobile-break{display:block}}@media(max-width:480px){.terminal-wrapper{padding:5px}.terminal-window{margin:0;border-radius:6px}.terminal-header{padding:8px 10px}.terminal-body{padding:10px;font-size:13px}.ascii-art{font-size:5px;line-height:1.1}.terminal-title{font-size:10px}.theme-toggle{padding:4px 8px;font-size:14px;min-width:32px;min-height:32px}.btn{width:8px;height:8px}.terminal-buttons{gap:5px}.welcome-text{font-size:12px}.command-text{font-size:13px}.output-line{padding-left:12px;font-size:13px;white-space:pre}.highlight,.prompt-symbol,.terminal-link{font-size:13px}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.featured-project-banner{padding:0}.banner-content{position:relative;display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#d9775726,#cc6d4f1a);border-left:4px solid #D97757;padding:12px 18px;border-radius:6px;transition:all .3s ease;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);contain:layout style paint}@keyframes slideInBanner{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;contain:strict;will-change:auto}.particle{position:absolute;width:var(--size);height:var(--size);background:radial-gradient(circle,#d97757cc,#cc6d4f66);border-radius:50%;animation:float var(--duration) ease-in-out infinite;animation-delay:var(--delay);left:var(--x);top:var(--y);opacity:0;box-shadow:0 0 10px #d9775780;will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0)}@keyframes float{0%,to{opacity:0;transform:translate(0) scale(0)}10%{opacity:1;transform:translate(0) scale(1)}50%{opacity:.8;transform:translate(calc(var(--x) * .3),calc(var(--y) * -.5)) scale(1.2)}90%{opacity:.3;transform:translate(calc(var(--x) * .5),calc(var(--y) * -1)) scale(.8)}}.banner-content:hover .particle{animation-duration:calc(var(--duration) * .7)}.fire-icon{font-size:20px;animation:fireFlicker 2s ease-in-out infinite;display:inline-block;position:relative;z-index:1;will-change:transform;backface-visibility:hidden}@keyframes fireFlicker{0%,to{transform:scale(1) rotate(0);filter:brightness(1)}25%{transform:scale(1.1) rotate(-5deg);filter:brightness(1.2)}50%{transform:scale(.95) rotate(5deg);filter:brightness(.9)}75%{transform:scale(1.05) rotate(-3deg);filter:brightness(1.1)}}.banner-label{font-weight:700;font-size:13px;letter-spacing:1px;color:#cc6d4f;text-transform:uppercase;position:relative;z-index:1}.project-link-banner{color:#d97757;font-weight:600;font-size:15px;text-decoration:none;border-bottom:2px solid rgba(217,119,87,.4);transition:all .3s ease;position:relative;z-index:1;display:inline-flex;align-items:center;gap:4px;cursor:pointer}.project-link-banner:hover{color:#cc6d4f;border-bottom-color:#cc6d4f}.project-link-banner:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#cc6d4f;transition:width .3s ease}.project-link-banner:hover:after{width:100%}.external-link-icon{transition:transform .3s ease;flex-shrink:0;transform:translate(2px,-2px);animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:translate(2px,-2px)}50%{transform:translate(3px,-3px)}}.project-link-banner:hover .external-link-icon{transform:translate(4px,-4px);animation:none}.terminal-wrapper.dark .banner-content{background:linear-gradient(135deg,#e89f7f40,#d9775726);border-left-color:#e89f7f;box-shadow:0 4px 20px #e89f7f33}.terminal-wrapper.dark .banner-content:hover{background:linear-gradient(135deg,#e89f7f4d,#d9775733);box-shadow:0 6px 25px #e89f7f40}.terminal-wrapper.dark .particle{background:radial-gradient(circle,#e89f7fcc,#f0b09066);box-shadow:0 0 10px #e89f7f80}.terminal-wrapper.dark .banner-label{color:#e89f7f}.terminal-wrapper.dark .project-link-banner{color:#f0b090;border-bottom-color:#f0b09066}.terminal-wrapper.dark .project-link-banner:hover{color:#ffc0a0;border-bottom-color:#ffc0a0}.terminal-wrapper.dark .project-link-banner:after{background:#ffc0a0}@media(max-width:768px){.banner-content{flex-wrap:wrap;padding:10px 14px;gap:8px}.banner-label{font-size:11px}.project-link-banner{font-size:13px;word-break:break-word}.fire-icon{font-size:18px}}@media(max-width:480px){.banner-content{padding:8px 12px;gap:6px}.banner-label{font-size:10px;letter-spacing:.5px}.project-link-banner{font-size:12px}.fire-icon{font-size:16px}}.App{min-height:100vh;width:100%}@media(max-width:768px){.App{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #6366f1;--secondary-color: #8b5cf6;--bg-dark: #0f172a;--bg-darker: #020617;--text-light: #f1f5f9;--text-gray: #94a3b8;--accent: #f59e0b}html{scroll-behavior:smooth}body{font-family:Courier New,Courier,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2d2d2d;overflow-x:hidden}@media(max-width:768px){html,body{height:100vh;height:100dvh;overflow:hidden;position:fixed;width:100%;top:0;left:0;right:0;bottom:0;margin:0;padding:0}#root{height:100%;overflow:hidden;display:flex}}a{color:inherit;text-decoration:none}button{font-family:inherit}
