:root{--bg-base:#070b14;--bg-surface:#0f172a;--bg-card:#0f172abf;--bg-card-hover:#1e293bd9;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-cyan:#38bdf8;--accent-teal:#14b8a6;--accent-indigo:#6366f1;--accent-purple:#a855f7;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--border:#ffffff14;--border-accent:#38bdf859;--font-mono:"JetBrains Mono", monospace;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--transition:all .22s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth;scroll-padding-top:5.5rem}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:3px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-primary);background-image:radial-gradient(at 50% 0,#6366f11f 0%,#0000 60%),linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:100% 100%,48px 48px,48px 48px;min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}.hub-nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#070b14eb;justify-content:space-between;align-items:center;padding:.85rem 2rem;display:flex;position:sticky;top:0}.hub-brand{font-family:var(--font-display);letter-spacing:.04em;align-items:center;gap:.75rem;font-size:1.05rem;font-weight:700;display:flex}.hub-brand-badge{color:var(--accent-cyan);border-radius:var(--radius-sm);font-size:.72rem;font-family:var(--font-mono);letter-spacing:.05em;background:#38bdf826;border:1px solid #38bdf84d;padding:.2rem .55rem;font-weight:600}.hub-nav-links{color:var(--text-secondary);align-items:center;gap:1.5rem;font-size:.88rem;display:flex}.hub-nav-links a{transition:var(--transition)}.hub-nav-links a:hover{color:#fff}.hub-nav-cta{background:linear-gradient(135deg, var(--accent-indigo) 0%, var(--accent-cyan) 100%);color:#fff;transition:var(--transition);border-radius:9999px;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.82rem;font-weight:600;display:inline-flex;box-shadow:0 2px 10px #38bdf840}.hub-nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 14px #38bdf859}.container{max-width:1440px;margin:0 auto;padding:0 1.5rem}.hero-section{text-align:center;padding:3rem 0 2rem}.hero-chip{font-family:var(--font-mono);color:#a5b4fc;background:#6366f11f;border:1px solid #6366f14d;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.35rem .95rem;font-size:.78rem;display:inline-flex}.hero-title{font-family:var(--font-display);letter-spacing:-.025em;background:linear-gradient(135deg,#fff 40%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.85rem;font-size:clamp(2.2rem,4vw,3.4rem);font-weight:800;line-height:1.15}.hero-title .gradient-text{background:linear-gradient(135deg,#38bdf8 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-desc{color:var(--text-secondary);max-width:840px;margin:0 auto 2rem;font-size:1.05rem;line-height:1.6}.metrics-hud{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.85rem;margin-bottom:2.5rem;display:grid}.hud-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;transition:var(--transition);padding:1rem}.hud-card:hover{border-color:var(--border-accent);transform:translateY(-2px)}.hud-val{font-family:var(--font-mono);color:var(--accent-cyan);font-size:1.7rem;font-weight:700}.hud-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:.2rem;font-size:.75rem}.simulator-container{border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172aa6;margin-bottom:2rem;padding:1.75rem}.sim-toggle-row{cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.sim-toggle-title{font-family:var(--font-display);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.badge-live{color:#f87171;font-size:.7rem;font-family:var(--font-mono);background:#ef444426;border:1px solid #ef44444d;border-radius:9999px;align-items:center;gap:.35rem;padding:.15rem .5rem;font-weight:600;display:inline-flex}.badge-live:before{content:"";background:#ef4444;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.scenario-picker-header{font-size:.85rem;font-family:var(--font-mono);color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.scenario-chips{scrollbar-width:thin;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex;overflow-x:auto}.scenario-chip{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:var(--transition);background:#0f172acc;border-radius:9999px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.78rem;display:flex}.scenario-chip:hover{border-color:var(--accent-cyan);color:#fff}.scenario-chip.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#38bdf81f;font-weight:600}.sim-layout{grid-template-columns:1.15fr 1fr;gap:1.25rem;display:grid}.sim-detail-card{border:1px solid var(--border);border-radius:var(--radius-md);background:#0f172ae6;flex-direction:column;justify-content:space-between;padding:1.25rem;display:flex}.sim-alert-banner{border-radius:var(--radius-sm);font-family:var(--font-mono);color:#fca5a5;background:#ef44441a;border:1px solid #ef444440;align-items:center;gap:.5rem;margin-bottom:.85rem;padding:.6rem .85rem;font-size:.78rem;display:flex}.sim-title{font-family:var(--font-display);color:#fff;margin-bottom:.4rem;font-size:1.15rem;font-weight:700}.sim-desc{color:var(--text-secondary);margin-bottom:.85rem;font-size:.85rem;line-height:1.5}.sim-treatment-box{border-radius:var(--radius-sm);background:#10b98114;border:1px solid #10b98140;margin-bottom:.75rem;padding:.75rem}.sim-treatment-heading{font-family:var(--font-mono);color:#34d399;align-items:center;gap:.4rem;margin-bottom:.3rem;font-size:.75rem;font-weight:700;display:flex}.sim-treatment-text{color:#d1fae5;font-size:.82rem;line-height:1.5}.sim-antipattern-box{border-radius:var(--radius-sm);background:#f43f5e14;border:1px solid #f43f5e40;padding:.75rem}.sim-antipattern-heading{font-family:var(--font-mono);color:#fb7185;align-items:center;gap:.4rem;margin-bottom:.3rem;font-size:.75rem;font-weight:700;display:flex}.sim-antipattern-text{color:#ffe4e6;font-size:.82rem;line-height:1.5}.terminal-hud{border:1px solid var(--border);border-radius:var(--radius-md);background:#020617;flex-direction:column;min-height:320px;display:flex;overflow:hidden}.terminal-topbar{border-bottom:1px solid var(--border);background:#090d16;justify-content:space-between;align-items:center;padding:.55rem .85rem;display:flex}.terminal-dots{gap:.35rem;display:flex}.terminal-dot{border-radius:50%;width:10px;height:10px}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.terminal-title{font-family:var(--font-mono);color:var(--text-muted);font-size:.72rem}.terminal-body{font-family:var(--font-mono);flex:1;max-height:250px;padding:.85rem;font-size:.78rem;line-height:1.6;overflow-y:auto}.terminal-log-line{word-break:break-all;margin-bottom:.25rem}.terminal-log-dim{color:var(--text-muted)}.terminal-log-cyan{color:var(--accent-cyan)}.terminal-log-green{color:#34d399}.terminal-actions{border-top:1px solid var(--border);background:#090d16;gap:.65rem;padding:.65rem .85rem;display:flex}.terminal-btn{border-radius:var(--radius-sm);font-family:var(--font-mono);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.btn-copy{color:#fff;background:#ffffff14}.btn-copy:hover{background:#ffffff26}.btn-run{background:var(--accent-cyan);color:#020617}.btn-run:hover{background:#7dd3fc}.wizard-card{border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172aa6;margin-bottom:2.5rem;padding:1.75rem}.wizard-steps{grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1rem;margin-bottom:1.25rem;display:grid}.wizard-step-label{font-size:.78rem;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;margin-bottom:.4rem}.wizard-select{border:1px solid var(--border);border-radius:var(--radius-sm);color:#fff;width:100%;transition:var(--transition);background:#0f172a;outline:none;padding:.65rem .85rem;font-size:.85rem}.wizard-select:focus{border-color:var(--accent-cyan)}.wizard-result{border-radius:var(--radius-md);background:#38bdf80f;border:1px solid #38bdf840;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.wizard-result-info{flex:1}.wizard-result-title{font-family:var(--font-display);color:#fff;font-size:1.05rem;font-weight:700}.wizard-result-desc{color:var(--text-secondary);margin-top:.25rem;font-size:.82rem}.catalog-layout{grid-template-columns:280px 1fr;align-items:start;gap:2rem;margin-bottom:4rem;display:grid}.filter-sidebar{border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ad9;padding:1.5rem;position:sticky;top:5rem}.sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.sidebar-title{font-family:var(--font-display);color:#fff;font-size:1.1rem;font-weight:700}.sidebar-clear-btn{color:var(--accent-cyan);font-size:.78rem;font-family:var(--font-mono);cursor:pointer;transition:var(--transition);background:0 0;border:none}.sidebar-clear-btn:hover{text-decoration:underline}.filter-group{margin-bottom:1.35rem}.filter-group-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:.65rem;font-size:.78rem;font-weight:700;display:flex}.filter-checkbox-list{flex-direction:column;gap:.5rem;display:flex}.filter-checkbox-item{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition);justify-content:space-between;align-items:center;font-size:.84rem;display:flex}.filter-checkbox-item:hover{color:#fff}.filter-checkbox-label{align-items:center;gap:.5rem;display:flex}.filter-checkbox-label input[type=checkbox]{accent-color:var(--accent-cyan);cursor:pointer;width:14px;height:14px}.filter-count-badge{font-family:var(--font-mono);color:var(--text-muted);background:#ffffff0a;border-radius:9999px;padding:.1rem .4rem;font-size:.72rem}.content-main{min-width:0}.catalog-main-header{margin-bottom:1.25rem}.catalog-main-title{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;font-size:1.85rem;font-weight:800}.catalog-main-subtitle{color:var(--text-secondary);margin-top:.25rem;font-size:.92rem}.catalog-controls-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:.85rem;display:flex}.content-tabs{gap:1.5rem;font-size:.92rem;font-weight:600;display:flex}.content-tab{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:.4rem 0;position:relative}.content-tab:hover{color:#fff}.content-tab.active{color:var(--accent-cyan)}.content-tab.active:after{content:"";background:var(--accent-cyan);height:2px;box-shadow:0 0 8px var(--accent-cyan);position:absolute;bottom:-.9rem;left:0;right:0}.catalog-right-controls{align-items:center;gap:.85rem;display:flex}.sort-select{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.82rem;font-family:var(--font-mono);cursor:pointer;background:#0f172a;outline:none;padding:.4rem .75rem}.sort-select:focus{border-color:var(--accent-cyan);color:#fff}.search-row{align-items:center;margin-bottom:1rem;display:flex;position:relative}.search-icon{width:18px;height:18px;stroke:var(--text-muted);pointer-events:none;position:absolute;left:1rem}.search-input{border:1px solid var(--border);border-radius:var(--radius-md);color:#fff;width:100%;transition:var(--transition);background:#0f172a;outline:none;padding:.75rem 1rem .75rem 2.75rem;font-size:.92rem}.search-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #38bdf826}.search-badge{color:var(--text-muted);border-radius:var(--radius-sm);font-size:.72rem;font-family:var(--font-mono);pointer-events:none;background:#ffffff14;padding:.2rem .45rem;position:absolute;right:.85rem}.filter-pills-row{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.filter-pill{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:#0f172acc;border-radius:9999px;padding:.35rem .85rem;font-size:.8rem}.filter-pill:hover{color:#fff;border-color:#fff3}.filter-pill.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#38bdf826;font-weight:600}.catalog-status-bar{font-size:.82rem;font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.5rem;display:flex}.dropdowns-row-hidden{display:none}.studios-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.35rem;display:grid}.studio-learn-card{border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);background:#0f172ad9;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.studio-learn-card:hover{border-color:var(--border-accent);transform:translateY(-3px);box-shadow:0 12px 28px #0006}.card-banner{background-position:50%;background-size:cover;flex-direction:column;justify-content:space-between;height:110px;padding:.85rem;display:flex;position:relative}.card-banner-ai{background:linear-gradient(135deg,#6366f173 0%,#a855f74d 100%),#0d1527}.card-banner-cloud{background:linear-gradient(135deg,#38bdf873 0%,#0ea5e94d 100%),#0d1527}.card-banner-observability{background:linear-gradient(135deg,#14b8a673 0%,#10b9814d 100%),#0d1527}.card-banner-automation{background:linear-gradient(135deg,#f59e0b73 0%,#d977064d 100%),#0d1527}.card-banner-cicd{background:linear-gradient(135deg,#f43f5e73 0%,#e11d484d 100%),#0d1527}.card-banner-top{justify-content:space-between;align-items:center;display:flex}.card-type-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-sm);font-size:.68rem;font-family:var(--font-mono);letter-spacing:.05em;color:#fff;background:#000000a6;border:1px solid #ffffff26;padding:.15rem .5rem;font-weight:700}.card-heart-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;color:#fff;width:28px;height:28px;transition:var(--transition);background:#00000080;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:flex}.card-heart-btn:hover{color:var(--accent-rose);transform:scale(1.15)}.card-heart-btn.bookmarked{color:var(--accent-rose);border-color:var(--accent-rose);background:#f43f5e33}.card-banner-bottom{align-items:center;gap:.5rem;display:flex}.card-icon-circle{background:#000000b3;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:flex}.card-domain-badge{font-family:var(--font-mono);color:#e2e8f0;font-size:.7rem;font-weight:600}.card-content{flex-direction:column;flex:1;padding:1.15rem;display:flex}.card-meta-row{color:var(--text-muted);font-size:.74rem;font-family:var(--font-mono);align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.card-level-badge{color:var(--accent-cyan);border-radius:var(--radius-sm);background:#38bdf81a;border:1px solid #38bdf840;padding:.1rem .45rem;font-weight:600}.card-prereq-badge{color:#94a3b8;background:#ffffff0a;border-radius:4px;padding:.1rem .4rem;font-size:.7rem}.card-title{font-family:var(--font-display);color:#fff;margin-bottom:.35rem;font-size:1.05rem;font-weight:700;line-height:1.35}.card-author{color:var(--text-secondary);margin-bottom:.55rem;font-size:.76rem}.card-rating-row{color:#fbbf24;font-size:.74rem;font-family:var(--font-mono);align-items:center;gap:.4rem;margin-bottom:.65rem;display:flex}.card-duration{color:var(--text-muted);margin-left:auto}.card-usecase{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.card-drill-box{border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);background:#020617e6;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.45rem .6rem;font-size:.72rem;display:flex}.card-drill-code{color:var(--accent-cyan);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.card-drill-copy{color:#fff;cursor:pointer;transition:var(--transition);background:#ffffff14;border:none;border-radius:4px;padding:.2rem .45rem;font-size:.68rem}.card-drill-copy:hover{background:#ffffff2e}.card-metric-tag{font-size:.72rem;font-family:var(--font-mono);color:#34d399;align-items:center;gap:.35rem;margin-bottom:.75rem;display:flex}.card-footer{border-top:1px solid var(--border);background:#070b1480;grid-template-columns:1fr 1fr;gap:.65rem;padding:.85rem 1.15rem;display:grid}.btn-card-learn{color:#a5b4fc;border-radius:var(--radius-sm);font-size:.78rem;font-family:var(--font-mono);text-align:center;cursor:pointer;transition:var(--transition);background:#6366f126;border:1px solid #6366f159;padding:.45rem .65rem;font-weight:600}.btn-card-learn:hover{color:#fff;background:#6366f147}.btn-card-launch{background:linear-gradient(135deg, var(--accent-indigo) 0%, var(--accent-cyan) 100%);color:#fff;border-radius:var(--radius-sm);text-align:center;transition:var(--transition);justify-content:center;align-items:center;gap:.3rem;padding:.45rem .65rem;font-size:.78rem;font-weight:600;display:flex}.btn-card-launch:hover{transform:translateY(-1px);box-shadow:0 4px 12px #38bdf84d}.btn-card-guide{color:var(--accent-cyan);border-radius:var(--radius-sm);font-size:.78rem;font-family:var(--font-mono);text-align:center;transition:var(--transition);background:#38bdf81f;border:1px solid #38bdf852;justify-content:center;align-items:center;gap:.3rem;padding:.45rem .65rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-card-guide:hover{background:var(--accent-cyan);color:#030712;transform:translateY(-1px);box-shadow:0 4px 12px #38bdf859}.modal-backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:1000;background:#020617d9;justify-content:center;align-items:center;padding:1.5rem;display:none;position:fixed;inset:0}.modal-backdrop.open{display:flex}.sequence-modal{border:1px solid var(--border-accent);border-radius:var(--radius-lg);background:#0f172a;flex-direction:column;width:100%;max-width:920px;max-height:92vh;animation:.22s forwards modalFadeIn;display:flex;box-shadow:0 25px 60px #000000bf}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border);background:#090d16;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title-wrap{align-items:center;gap:.75rem;display:flex}.modal-close-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;font-size:1.6rem;line-height:1}.modal-close-btn:hover{color:#fff}.step-nav-bar{border-bottom:1px solid var(--border);scrollbar-width:thin;background:#080c16;display:flex;overflow-x:auto}.step-nav-btn{text-align:center;min-width:118px;font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;transition:var(--transition);white-space:nowrap;background:0 0;border:none;flex:1;padding:.75rem .5rem;position:relative}.step-nav-btn:hover{color:#fff}.step-nav-btn.active{color:var(--accent-cyan);background:#38bdf80f;font-weight:700}.step-nav-btn.active:after{content:"";background:var(--accent-cyan);height:2px;position:absolute;bottom:0;left:0;right:0}.step-nav-btn.completed{color:#34d399}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.step-panel{display:none}.step-panel.active{display:block}.step-heading{font-family:var(--font-display);color:#fff;margin-bottom:.4rem;font-size:1.25rem;font-weight:700}.step-desc{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.88rem;line-height:1.6}.step-box{border:1px solid var(--border);border-radius:var(--radius-md);background:#020617;margin-bottom:1.15rem;padding:1.15rem}.arch-flow-diagram{grid-template-columns:repeat(4,1fr);gap:.75rem;margin:1rem 0;display:grid}.arch-node{border-radius:var(--radius-sm);text-align:center;background:#090d16;border:1px solid #38bdf840;padding:.85rem;position:relative}.arch-node-title{font-family:var(--font-mono);color:var(--accent-cyan);text-transform:uppercase;margin-bottom:.25rem;font-size:.72rem;font-weight:700}.arch-node-desc{color:#cbd5e1;font-size:.75rem}.arch-node-arrow{color:var(--accent-cyan);z-index:2;font-size:.75rem;position:absolute;top:50%;right:-.65rem;transform:translateY(-50%)}.lab-mode-switch{border:1px solid var(--border);background:#090d16;border-radius:9999px;margin-bottom:1rem;padding:.2rem;display:inline-flex}.lab-mode-btn{color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:9999px;padding:.3rem .85rem;font-size:.74rem}.lab-mode-btn.active{background:var(--accent-cyan);color:#020617;font-weight:700}.quiz-container{margin-top:.75rem}.quiz-question-card{border:1px solid var(--border);border-radius:var(--radius-md);background:#080c16;margin-bottom:1rem;padding:1.15rem}.quiz-q-title{font-family:var(--font-display);color:#fff;margin-bottom:.75rem;font-size:.95rem;font-weight:700}.quiz-options-list{flex-direction:column;gap:.5rem;display:flex}.quiz-option-label{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:#ffffff08;align-items:center;gap:.65rem;padding:.55rem .85rem;font-size:.82rem;display:flex}.quiz-option-label:hover{color:#fff;background:#ffffff0f}.quiz-option-label.correct{color:#d1fae5;background:#10b98126;border-color:#34d399}.quiz-option-label.incorrect{color:#ffe4e6;background:#f43f5e26;border-color:#fb7185}.quiz-feedback-box{border-radius:var(--radius-sm);font-size:.78rem;font-family:var(--font-mono);margin-top:.65rem;padding:.65rem;display:none}.modal-footer{border-top:1px solid var(--border);background:#090d16;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.progress-bar-wrap{background:#ffffff1a;border-radius:9999px;flex:1;max-width:280px;height:6px;margin-right:1.5rem;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent-indigo), var(--accent-cyan));width:14%;height:100%;transition:width .3s}.toast-container{z-index:2000;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{border:1px solid var(--accent-cyan);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-mono);background:#0f172a;padding:.75rem 1.25rem;font-size:.82rem;animation:.2s forwards slideIn;box-shadow:0 10px 25px #00000080}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hub-footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);font-size:.85rem;font-family:var(--font-mono);background:#070b14f2;padding:3.5rem 1.5rem}.section-heading-wrap{margin-bottom:1.5rem}.section-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-cyan);align-items:center;gap:.45rem;margin-bottom:.4rem;font-size:.72rem;font-weight:700;display:inline-flex}.section-title{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;font-size:clamp(1.4rem,2.5vw,1.95rem);font-weight:700;line-height:1.25}.section-subtitle{color:var(--text-secondary);max-width:680px;margin-top:.35rem;font-size:.88rem;line-height:1.5}.workspace-hero-card{border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:var(--transition);background:#0f172abf;margin:2rem 0 2.5rem;padding:2rem 2.25rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000059}.workspace-hero-card:before{content:"";background:linear-gradient(90deg,#38bdf899,#6366f199,#0000);height:2px;position:absolute;top:0;left:0;right:0}.workspace-header{align-items:flex-start;gap:1.25rem;margin-bottom:2rem;display:flex}.workspace-icon-circle{width:48px;height:48px;color:var(--accent-cyan);background:#38bdf81a;border:1px solid #38bdf840;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.workspace-title-box{flex:1}.workspace-title{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;margin-bottom:.25rem;font-size:1.65rem;font-weight:800}.workspace-subtitle{color:var(--text-secondary);font-size:.95rem}.workspace-actions-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.75rem;display:grid}.workspace-action-card{border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);background:#0206178c;align-items:flex-start;gap:1.1rem;padding:1.25rem 1.5rem;text-decoration:none;display:flex;position:relative}.workspace-action-card:hover{border-color:var(--border-accent);background:#1e293b8c;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.workspace-action-card:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.workspace-action-icon{color:#fff;width:38px;height:38px;transition:var(--transition);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.workspace-action-card:hover .workspace-action-icon{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#38bdf826}.workspace-action-info{flex:1}.workspace-action-title{font-family:var(--font-display);color:#fff;justify-content:space-between;align-items:center;margin-bottom:.2rem;font-size:1.05rem;font-weight:700;display:flex}.workspace-action-arrow{color:var(--text-muted);transition:var(--transition);font-size:.85rem}.workspace-action-card:hover .workspace-action-arrow{color:var(--accent-cyan);transform:translate(3px)}.workspace-action-desc{color:var(--text-secondary);font-size:.82rem;line-height:1.4}.workspace-footer-note{color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono);border-top:1px solid var(--border);padding-top:1rem}.continue-learning-section{margin-bottom:3.5rem}.continue-learning-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;display:grid}.in-progress-card{border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);background:#0f172ad9;flex-direction:column;justify-content:space-between;padding:1.25rem;display:flex;position:relative}.in-progress-card:hover{border-color:var(--border-accent);transform:translateY(-2px)}.in-progress-card-top{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.in-progress-tag{font-family:var(--font-mono);color:var(--accent-cyan);border-radius:var(--radius-sm);background:#38bdf81a;padding:.15rem .5rem;font-size:.7rem}.in-progress-time{color:var(--text-muted);font-size:.72rem;font-family:var(--font-mono)}.in-progress-title{font-family:var(--font-display);color:#fff;margin-bottom:.35rem;font-size:1.05rem;font-weight:700}.in-progress-step{color:var(--text-secondary);align-items:center;gap:.4rem;margin-bottom:.85rem;font-size:.82rem;display:flex}.in-progress-bar-wrap{background:#ffffff14;border-radius:9999px;width:100%;height:6px;margin-bottom:1rem;overflow:hidden}.in-progress-bar-fill{background:linear-gradient(90deg, var(--accent-indigo), var(--accent-cyan));border-radius:9999px;height:100%;transition:width .4s}.in-progress-footer{justify-content:space-between;align-items:center;display:flex}.in-progress-pct{font-family:var(--font-mono);color:var(--accent-cyan);font-size:.78rem;font-weight:700}.in-progress-resume-btn{border-radius:var(--radius-sm);background:var(--accent-cyan);color:#020617;font-family:var(--font-mono);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:.35rem;padding:.45rem 1rem;font-size:.75rem;font-weight:700;display:inline-flex}.in-progress-resume-btn:hover{background:#7dd3fc;transform:translateY(-1px)}.learning-paths-section{margin-bottom:4rem}.learning-paths-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1.35rem;display:grid}.path-card{border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);background:#0f172ad9;flex-direction:column;justify-content:space-between;padding:1.4rem;display:flex}.path-card:hover{border-color:#6366f166;transform:translateY(-3px);box-shadow:0 10px 28px #0006}.path-card-top{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.path-icon{font-size:1.6rem}.path-effort-badge{font-family:var(--font-mono);color:var(--text-muted);background:#ffffff0d;border-radius:9999px;padding:.2rem .55rem;font-size:.72rem}.path-title{font-family:var(--font-display);color:#fff;margin-bottom:.35rem;font-size:1.15rem;font-weight:700}.path-desc{color:var(--text-secondary);margin-bottom:1rem;font-size:.82rem;line-height:1.5}.path-modules-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.45rem;font-size:.72rem}.path-modules-list{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.path-module-chip{font-family:var(--font-mono);color:#cbd5e1;border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid #ffffff14;padding:.2rem .5rem;font-size:.72rem}.path-milestone-box{border-radius:var(--radius-sm);color:#c7d2fe;background:#6366f114;border:1px dashed #6366f14d;align-items:center;gap:.5rem;margin-bottom:1.15rem;padding:.65rem .85rem;font-size:.78rem;display:flex}.path-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:.85rem;display:flex}.path-prereq-text{font-size:.72rem;font-family:var(--font-mono);color:var(--text-muted)}.path-action-btn{border-radius:var(--radius-sm);color:#fff;font-family:var(--font-mono);cursor:pointer;transition:var(--transition);background:#ffffff14;border:none;padding:.4rem .85rem;font-size:.75rem;font-weight:600}.path-action-btn:hover{color:var(--accent-cyan);background:#38bdf833}.labs-section,.ai-assistant-section{margin-bottom:4rem}.ai-assistant-card{border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ad9;padding:1.75rem;box-shadow:0 10px 32px #0006}.ai-assistant-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.ai-assistant-title-wrap{align-items:center;gap:.75rem;display:flex}.ai-assistant-title{font-family:var(--font-display);color:#fff;font-size:1.25rem;font-weight:700}.ai-status-indicator{font-family:var(--font-mono);color:#34d399;background:#34d3991a;border-radius:9999px;align-items:center;gap:.35rem;padding:.15rem .5rem;font-size:.72rem;display:inline-flex}.ai-chips-row{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.ai-chip-btn{border:1px solid var(--border);color:var(--text-secondary);font-size:.78rem;font-family:var(--font-mono);cursor:pointer;transition:var(--transition);background:#ffffff0d;border-radius:9999px;padding:.35rem .85rem}.ai-chip-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#38bdf81f}.ai-chat-console{border:1px solid var(--border);border-radius:var(--radius-md);min-height:180px;max-height:280px;font-family:var(--font-mono);background:#020617;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:1rem;font-size:.8rem;display:flex;overflow-y:auto}.ai-bubble{border-radius:var(--radius-sm);padding:.75rem 1rem;line-height:1.5}.ai-bubble-bot{color:#e2e8f0;background:#0f172ae6;border:1px solid #38bdf833;align-self:flex-start;max-width:90%}.ai-bubble-user{color:#fff;background:#6366f140;border:1px solid #6366f166;align-self:flex-end;max-width:85%}.ai-input-bar{gap:.75rem;display:flex}.ai-input-field{border:1px solid var(--border);border-radius:var(--radius-sm);color:#fff;font-size:.85rem;font-family:var(--font-mono);transition:var(--transition);background:#0f172a;outline:none;flex:1;padding:.65rem 1rem}.ai-input-field:focus{border-color:var(--accent-cyan)}.ai-ask-btn{border-radius:var(--radius-sm);background:var(--accent-cyan);color:#020617;font-family:var(--font-mono);cursor:pointer;transition:var(--transition);border:none;padding:.65rem 1.25rem;font-size:.82rem;font-weight:700}.ai-ask-btn:hover{background:#7dd3fc}.my-learning-section{margin-top:3rem;margin-bottom:4rem}.badges-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.specialization-badge-card{border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);background:#0f172ad9;flex-direction:column;gap:.85rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.specialization-badge-card:before{content:"";background:linear-gradient(90deg, var(--accent-cyan), var(--accent-indigo));opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.specialization-badge-card:hover{border-color:var(--border-accent);transform:translateY(-2px);box-shadow:0 10px 24px #0006}.specialization-badge-card:hover:before{opacity:1}.badge-top-row{align-items:center;gap:.75rem;display:flex}.badge-icon-box{border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.6rem;display:flex}.badge-track-title{font-family:var(--font-display);color:#fff;font-size:.98rem;font-weight:700;line-height:1.25}.badge-track-sub{color:var(--text-secondary);margin-top:.15rem;font-size:.76rem;line-height:1.35}.badge-progress-track{background:#ffffff12;border-radius:9999px;height:6px;position:relative;overflow:hidden}.badge-progress-fill{background:linear-gradient(90deg, var(--accent-cyan), #34d399);border-radius:9999px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.badge-footer-row{font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.cert-backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:1050;background:#020617e0;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.cert-modal-box{border-radius:var(--radius-lg);background:#0b1120;border:1px solid #38bdf859;width:100%;max-width:780px;animation:.25s forwards modalFadeIn;overflow:hidden;box-shadow:0 25px 65px #000000d9}.cert-paper{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#0f172af2 0%,#1e293b99 100%);padding:2.25rem 2.5rem;position:relative}.cert-paper:before{content:"";pointer-events:none;border:1px dashed #38bdf840;border-radius:8px;position:absolute;inset:12px}.cert-issuer-badge{font-family:var(--font-mono);color:var(--accent-cyan);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.72rem;display:inline-flex}.cert-heading{font-family:var(--font-display);color:#fff;margin-bottom:.35rem;font-size:1.75rem;font-weight:800}.cert-subtitle{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.85rem}.cert-recipient-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-muted);margin-bottom:.25rem;font-size:.72rem}.cert-recipient-name{font-family:var(--font-display);color:var(--accent-cyan);border-bottom:1px solid #ffffff1a;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:700}.cert-description{color:#cbd5e1;margin-bottom:1.5rem;font-size:.85rem;line-height:1.6}.cert-meta-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:#00000059;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.25rem;padding:.85rem 1rem;display:grid}.cert-meta-item{flex-direction:column;gap:.2rem;display:flex}.cert-meta-key{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;font-size:.68rem}.cert-meta-val{font-family:var(--font-mono);color:#fff;font-size:.8rem;font-weight:600}.cert-hash-badge{border-radius:var(--radius-sm);font-family:var(--font-mono);color:#94a3b8;word-break:break-all;background:#020617bf;border:1px solid #ffffff14;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.72rem;display:flex}.cert-actions{background:#080c16;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;padding:1.25rem 2rem;display:flex}@media (width<=1024px){.catalog-layout{grid-template-columns:1fr}.filter-sidebar{margin-bottom:2rem;position:static}.sim-layout,.wizard-steps{grid-template-columns:1fr}.arch-flow-diagram{grid-template-columns:1fr 1fr}.hub-nav-links{display:none}.workspace-actions-grid{grid-template-columns:1fr}}@media (width<=768px){.workspace-hero-card{margin:1.25rem 0 1.75rem;padding:1.25rem 1rem}.workspace-actions-grid{grid-template-columns:1fr;gap:.85rem}.continue-learning-grid,.learning-paths-grid,.badges-container{grid-template-columns:1fr}.cert-meta-row{grid-template-columns:1fr 1fr}.cert-paper{padding:1.5rem 1.25rem}.cert-heading{font-size:1.35rem}.cert-recipient-name{font-size:1.2rem}.cert-actions{flex-direction:column;align-items:stretch}.cert-actions input{width:100%!important}.ai-assistant-card{padding:1.25rem 1rem}.ai-input-bar{flex-direction:column}.ai-chips-row{gap:.35rem}.hub-nav{padding:.75rem 1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}