:root{--font-heading: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--bg-primary: #0b0f19;--bg-secondary: #111827;--bg-card: #111827;--bg-card-hover: #1f2937;--bg-glass: rgba(17, 24, 39, .85);--accent-cyan: #3b82f6;--accent-indigo: #6366f1;--accent-purple: #a855f7;--accent-pink: #ec4899;--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);--gradient-text: linear-gradient(135deg, #f8fafc 0%, #cbd5e1 100%);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(59, 130, 246, .35);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--transition-fast: .2s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;line-height:1.25}a{color:var(--accent-cyan);text-decoration:none;transition:var(--transition-fast)}a:hover{color:#60a5fa}.gradient-text{color:var(--text-primary)}.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative;background-color:var(--bg-primary)}.bg-blob{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(160px);opacity:.14;pointer-events:none;z-index:0}.bg-blob-1{top:-100px;left:-100px;background:var(--accent-cyan)}.bg-blob-2{top:40%;right:-100px;background:var(--accent-purple)}.navbar{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b0f19d9;border-bottom:1px solid var(--border-color);padding:1.1rem 2rem}.navbar-inner{max-width:1240px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo-brand{font-family:var(--font-heading);font-size:1.35rem;font-weight:800;display:flex;align-items:center;gap:.6rem;color:#f8fafc}.logo-icon{width:34px;height:34px;background:var(--accent-cyan);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:1.1rem}.nav-links{display:flex;align-items:center;gap:2rem;list-style:none}.nav-link{color:var(--text-secondary);font-weight:500;font-size:.95rem;transition:var(--transition-fast)}.nav-link:hover,.nav-link.active{color:#f8fafc;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.4rem;border-radius:var(--radius-full);font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition-normal);border:1px solid transparent}.btn-primary{background:var(--accent-cyan);color:#fff;box-shadow:0 4px 20px #3b82f64d}.btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 6px 25px #3b82f673}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-danger{background:#ef444426;color:#ef4444;border-color:#ef44444d}.btn-danger:hover{background:#ef4444;color:#fff}.btn-sm{padding:.45rem 1rem;font-size:.85rem}.main-content{flex:1;max-width:1240px;width:100%;margin:0 auto;padding:2.5rem 1.5rem;z-index:1;display:flex;flex-direction:column}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:1.75rem;transition:var(--transition-normal);box-shadow:0 4px 20px #0000004d}.card:hover{border-color:var(--border-glow);box-shadow:0 12px 35px #0009;transform:translateY(-3px)}.filter-pills-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:2.5rem}.filter-pill{padding:.55rem 1.35rem;border-radius:var(--radius-full);font-size:.9rem;font-weight:500;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:#1f2937;color:var(--text-secondary);transition:var(--transition-fast)}.filter-pill:hover{border-color:var(--accent-cyan);color:#fff}.filter-pill.active{background:#3b82f62e;color:#60a5fa;border-color:var(--accent-cyan);font-weight:600}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.4rem;color:var(--text-primary)}.form-control{width:100%;padding:.8rem 1.1rem;background:#0f172ab3;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;outline:none;transition:var(--transition-fast)}.form-control:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #3b82f633}textarea.form-control{min-height:120px;resize:vertical}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:650px;max-height:90vh;overflow-y:auto;padding:2rem;position:relative;box-shadow:0 25px 50px #0009;color:var(--text-primary)}.badge{display:inline-block;padding:.3rem .85rem;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.badge-purple{background:#a855f726;color:#c084fc;border-color:#a855f74d}.badge-grey{background:#ffffff14;color:var(--text-secondary);border-color:#ffffff1f}.footer{border-top:1px solid var(--border-color);padding:2.5rem 1.5rem;text-align:center;color:var(--text-muted);font-size:.9rem;margin-top:auto;background:#0b0f1999}.terminal-frame{background:#0d1117;border:none;border-radius:0;overflow:hidden;box-shadow:none;font-family:Fira Code,Courier New,Courier,monospace;width:100vw;height:100vh;display:flex;flex-direction:column}.terminal-bar{background:#161b22;border-bottom:1px solid rgba(255,255,255,.08);padding:.75rem 1.25rem;display:flex;align-items:center;position:relative}.terminal-dots{display:flex;gap:.5rem}.dot{width:12px;height:12px;border-radius:50%;display:inline-block}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.terminal-title{position:absolute;left:50%;transform:translate(-50%);color:#8b949e;font-size:.85rem;font-weight:500}.terminal-body{padding:1.75rem;flex:1;height:calc(100vh - 48px);overflow-y:auto;color:#c9d1d9}.ascii-banner{color:#38bdf8;font-size:.72rem;line-height:1.1;font-weight:800;overflow-x:auto;margin-bottom:1rem}.terminal-help-box{background:#ffffff08;border:1px dashed rgba(255,255,255,.15);border-radius:8px;padding:1rem;margin-top:1rem}.terminal-prompt-line{display:flex;align-items:center;gap:.4rem;font-size:.95rem;margin-bottom:.5rem;flex-wrap:wrap}.prompt-usr{color:#3fb950;font-weight:700}.prompt-sep{color:#8b949e}.prompt-path{color:#58a6ff;font-weight:700}.prompt-dollar{color:#c9d1d9}.prompt-cmd{color:#f0f6fc;font-weight:600}.terminal-input{background:transparent;border:none;outline:none;color:#58a6ff;font-family:inherit;font-size:.95rem;flex:1;min-width:200px}.terminal-output{margin:.5rem 0 1.25rem}.interactive-list-box{background:#161b22cc;border:1px solid rgba(56,189,248,.25);border-radius:10px;padding:.75rem;margin:.75rem 0 1.25rem;display:flex;flex-direction:column;gap:.5rem}.interactive-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:6px;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.interactive-item:hover,.interactive-item.selected{background:#38bdf81f;border-color:#38bdf84d}.item-prefix{width:16px;color:#38bdf8;font-weight:800}