:root{--bg-body:#1a1b26;--bg-card:#24283b;--bg-terminal:#16161e;--text-primary:#c0caf5;--text-secondary:#565f89;--accent:#7aa2f7;--accent-green:#9ece6a;--accent-orange:#ff9e64;--accent-red:#f7768e;--font-mono:"Fira Code","Consolas",monospace;--font-sans:"Inter",system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-primary);font-family:var(--font-sans);flex-direction:column;align-items:center;min-height:100vh;line-height:1.6;display:flex}a{color:inherit;text-decoration:none}.wrapper{flex-direction:column;width:100%;max-width:1000px;min-height:100vh;padding:2rem;display:flex}nav{justify-content:space-between;align-items:center;padding-bottom:2rem;display:flex}.logo{font-family:var(--font-mono);color:var(--accent);font-size:1.2rem;font-weight:700}.nav-right{align-items:center;gap:20px;display:flex}.social-links a{color:var(--text-secondary);margin-left:10px;font-size:.9rem;transition:color .3s}.social-links a:hover{color:var(--text-primary)}.lang-switch{font-family:var(--font-mono);background:#ffffff0d;border-radius:6px;gap:8px;padding:5px 10px;font-size:.85rem;display:flex}.lang-btn{cursor:pointer;color:var(--text-secondary);opacity:.6;transition:all .2s}.lang-btn:hover{opacity:1;color:var(--text-primary)}.lang-btn.active{color:var(--accent);opacity:1;font-weight:700}.separator{color:#fff3}.hero{width:100%;margin-bottom:4rem}.terminal-window{background-color:var(--bg-terminal);font-family:var(--font-mono);border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;height:400px;display:flex;overflow:hidden;box-shadow:0 20px 50px #0006}.terminal-header{background-color:#1f2335;border-bottom:1px solid #ffffff0d;flex-shrink:0;gap:8px;padding:12px 15px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.red{background-color:var(--accent-red)}.yellow{background-color:var(--accent-orange)}.green{background-color:var(--accent-green)}.terminal-body{cursor:text;flex-grow:1;padding:1.5rem;font-size:.95rem;overflow-y:auto}.terminal-body::-webkit-scrollbar{width:8px}.terminal-body::-webkit-scrollbar-thumb{background:#2f354b;border-radius:4px}.output-line{word-wrap:break-word;margin-bottom:.5rem;display:block}.command-line{align-items:center;margin-top:5px;display:flex}.prompt{color:var(--accent);flex-shrink:0;margin-right:10px}.cmd-input{color:var(--text-primary);font-family:var(--font-mono);caret-color:var(--accent-green);background:0 0;border:none;outline:none;flex-grow:1;font-size:.95rem}.highlight{color:var(--accent-orange)}.success{color:var(--accent-green)}.error{color:var(--accent-red)}h2{color:var(--text-primary);border-bottom:1px solid #ffffff0d;width:100%;margin-bottom:2rem;padding-bottom:1rem;font-size:1.8rem}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;display:grid}.card{background-color:var(--bg-card);color:inherit;cursor:pointer;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;height:100%;text-decoration:none;transition:all .3s;display:flex}.card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 10px 30px -10px #7aa2f733}.card-body{flex-grow:1;padding:1.5rem}.card-top{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.icon-box{background:#7aa2f71a;border-radius:8px;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.5rem;display:flex}.status-badge{font-size:.7rem;font-family:var(--font-mono);color:var(--text-secondary);background:#ffffff0d;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;display:flex}.status-dot{background:gray;border-radius:50%;width:8px;height:8px}.live{background:var(--accent-green);box-shadow:0 0 5px var(--accent-green)}.dev{background:var(--accent-orange)}.card h3{color:#e0eafc;margin-bottom:.8rem;font-size:1.3rem}.card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.card-footer{background:#0003;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.tech-stack{flex-wrap:wrap;gap:10px;display:flex}.tech-tag{font-family:var(--font-mono);color:var(--accent);white-space:nowrap;background-color:#7aa2f71a;border:1px solid #7aa2f733;border-radius:4px;padding:4px 8px;font-size:.7rem;transition:all .2s}.arrow-link{color:var(--text-secondary);font-size:1.2rem;transition:transform .3s}.card:hover .arrow-link{color:var(--text-primary);transform:translate(5px)}footer{text-align:center;color:var(--text-secondary);font-family:var(--font-mono);margin-top:auto;padding:3rem 0;font-size:.85rem}.footer-cmd{opacity:.7;font-family:var(--font-mono);margin-bottom:2rem;font-size:.9rem}.footer-prompt{color:var(--accent);margin-right:10px}.footer-panel{font-family:var(--font-mono);color:var(--text-secondary);border-top:1px solid #ffffff0d;flex-direction:column;align-items:center;gap:8px;padding-top:1.5rem;font-size:.8rem;display:flex}.footer-highlight{color:var(--accent-green);font-weight:700}.footer-meta{opacity:.5}.footer-separator{opacity:.3;margin:0 8px}.wrapper-center{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1rem;display:flex}.terminal-error{border-color:var(--accent-red);width:100%;max-width:600px;height:auto;margin:0 auto;box-shadow:0 0 40px #f7768e33}.header-error{border-bottom-color:var(--accent-red);background-color:#f7768e1a}.text-error-big{color:var(--accent-red);font-size:clamp(3rem,10vw,5rem);line-height:1;font-family:var(--font-mono);margin:0 0 1rem}.back-btn{border:1px solid var(--text-secondary);color:var(--text-primary);font-family:var(--font-mono);cursor:pointer;background-color:#ffffff0d;border-radius:6px;padding:10px 20px;font-size:.9rem;transition:all .2s;display:inline-block}.back-btn:hover{border-color:var(--accent);background-color:#7aa2f71a}.lang-toggle-404{font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;opacity:.6;margin-top:1.5rem;font-size:.8rem;text-decoration:underline}.lang-toggle-404:hover{opacity:1;color:var(--accent)}.error-filename{color:var(--accent-red);opacity:.8;margin-left:10px;font-size:.8rem}.error-text-container{font-family:var(--font-mono);color:var(--text-secondary);text-align:left;margin-bottom:2rem;font-size:.9rem}.error-footer{border-top:1px dashed #ffffff1a;padding-top:1.5rem}.back-btn-note{opacity:.5;margin-left:5px}