*{margin:0;padding:0;box-sizing:border-box}body{background:#0a0e14;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-family:'Fira Code','Courier New',monospace;padding:20px}.terminal-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:780px}.terminal{background:#11181f;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.9);width:100%;overflow:hidden;border:1px solid #1e2a36}.browser-tabs{background:#0d131a;padding:8px 14px 0;display:flex;gap:2px;border-bottom:1px solid #1a232e}.browser-tab{background:#1a232e;padding:8px 16px 10px;border-radius:8px 8px 0 0;display:flex;align-items:center;gap:8px;font-size:12px;color:#9aaec2;font-family:'Fira Code','Courier New',monospace;border:1px solid #25323e;border-bottom:none;cursor:default;transition:.2s;max-width:260px}.browser-tab.active{background:#11181f;color:#e8f0f8;border-color:#1e2a36;position:relative}.browser-tab.active::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#5af78e}.browser-tab .tab-favicon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;color:#6fc3ff}.browser-tab .tab-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-tab .tab-title h1{display:inline;font-family:'Fira Code','Courier New',monospace;font-size:12px;font-weight:400;color:#e8f0f8;margin:0;padding:0;letter-spacing:.3px}.browser-tab .tab-close{color:#4d637a;font-size:12px;cursor:pointer;padding:0 2px;transition:.2s;margin-left:4px;flex-shrink:0}.browser-tab .tab-close:hover{color:#ff5f56}.browser-header{background:#11181f;padding:10px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #1a232e}.browser-actions{display:flex;gap:8px;align-items:center}.browser-btn{width:28px;height:28px;border-radius:6px;border:none;background:0 0;color:#4d637a;font-size:14px;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center}.browser-btn:hover{background:#25323e;color:#e8f0f8}.browser-btn.back:hover{color:#6fc3ff}.browser-btn.forward:hover{color:#6fc3ff}.browser-btn.refresh:hover{color:#5af78e}.browser-btn.close:hover{color:#ff5f56}.browser-url{flex:1;background:#0d131a;border:1px solid #1e2a36;border-radius:20px;padding:6px 16px;display:flex;align-items:center;gap:8px;min-width:120px}.browser-url .lock{color:#5af78e;font-size:12px}.browser-url .url-text{color:#e8f0f8;font-size:13px;font-family:'Fira Code','Courier New',monospace;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-url .url-text span{color:#4d637a}.browser-url .url-text .domain{color:#e8f0f8}.terminal-body{padding:30px 30px 40px;background:#0d131a;min-height:160px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.main-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.main-line h2{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-family:'Fira Code','Courier New',monospace;font-size:14px;font-weight:400;letter-spacing:.3px;margin:0;padding:0}.prompt{color:#5af78e;font-weight:600;font-size:14px;flex-shrink:0}.command{color:#e8f0f8;font-size:14px;letter-spacing:.3px;display:inline-block;min-width:2px}.cursor{display:inline-block;width:9px;height:16px;background:#b3c9db;animation:blink .7s step-end infinite;margin-left:2px;vertical-align:text-bottom;flex-shrink:0}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.footer-bar{padding:10px 30px 14px;background:#0d131a;border-top:1px solid #1a232e;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.footer-name{color:#5af78e;font-size:13px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.footer-name .ninja-icon{font-size:18px}.footer-name span{color:#4d637a}.footer-name .domain{color:#6fc3ff;font-weight:600}.footer-name .separator{color:#4d637a;font-size:11px;margin:0 2px}.footer-name .skill{color:#f7c948;font-size:11px;background:#1a232e;padding:2px 8px;border-radius:10px;border:1px solid #25323e;transition:.2s}.footer-name .skill:hover{border-color:#f7c948;color:#e8f0f8}.footer-name .skill.react:hover{border-color:#61dafb;color:#61dafb}.footer-name .skill.vue:hover{border-color:#4fc08d;color:#4fc08d}.footer-name .skill.node:hover{border-color:#68a063;color:#68a063}.footer-name .skill.python:hover{border-color:#3776ab;color:#3776ab}.footer-socials{display:flex;gap:12px;align-items:center}.footer-socials .social-link{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:0 0;border:none;transition:all .25s ease;text-decoration:none;color:#6a7f94}.footer-socials .social-link:hover{color:#e8f0f8;transform:translateY(-2px)}.footer-socials .social-link.telegram:hover{color:#26a5e4}.footer-socials .social-link.instagram:hover{color:#e4405f}.footer-socials .social-link.github:hover{color:#f0f6fc}.footer-year{margin-top:16px;text-align:center;color:#2a3a4a;font-size:12px;font-family:'Fira Code','Courier New',monospace;letter-spacing:1px}.footer-year span{color:#3a5068}@media (max-width:600px){.browser-tabs{padding:6px 10px 0}.browser-tab{padding:6px 10px 8px;font-size:10px;max-width:180px}.browser-tab .tab-title h1{font-size:10px}.browser-tab .tab-favicon{font-size:12px}.browser-header{padding:8px 10px;flex-wrap:wrap;gap:6px}.browser-url{padding:4px 12px;order:3;flex:1 1 100%}.browser-url .url-text{font-size:11px}.browser-btn{width:24px;height:24px;font-size:12px}.terminal-body{padding:20px 16px 25px;min-height:120px}.main-line h2{font-size:12px}.prompt{font-size:12px}.command{font-size:12px}.cursor{width:8px;height:14px}.footer-bar{padding:8px 16px 12px;flex-direction:column;align-items:center;gap:8px}.footer-name{justify-content:center;font-size:11px}.footer-name .skill{font-size:10px;padding:1px 6px}.footer-year{font-size:10px;margin-top:12px}}@media (max-width:400px){.browser-tab{padding:4px 8px 6px;font-size:9px;max-width:130px}.browser-tab .tab-title h1{font-size:9px}.browser-tab .tab-favicon{font-size:10px}.terminal-body{padding:14px 12px 18px;min-height:90px}.main-line h2{font-size:10px}.prompt{font-size:10px}.command{font-size:10px}.cursor{width:7px;height:12px}.footer-name{font-size:10px}.footer-name .skill{font-size:8px;padding:1px 4px}.footer-socials .social-link{width:22px;height:22px}.browser-url .url-text{font-size:10px}.browser-url .lock{font-size:10px}.footer-year{font-size:9px;margin-top:10px}}