:root{--hld-bg:#0b0f17;--hld-surface:#141e30;--hld-surface-hover:#1e2d4a;--hld-primary:#10b981;--hld-primary-glow:#10b98126;--hld-secondary:#3b82f6;--hld-accent:#f59e0b;--hld-text:#f8fafc;--hld-text-muted:#94a3b8;--hld-border:#ffffff14;--hld-border-active:#10b9814d;--hld-code-bg:#070b12;--hld-font-mono:"Fira Code", "Courier New", Courier, monospace}body.hld-theme{background-color:var(--hld-bg);color:var(--hld-text);margin:0;padding:0;font-family:Outfit,sans-serif}.hld-theme h1,.hld-theme h2,.hld-theme h3,.hld-theme h4{color:var(--hld-text);font-family:Outfit,sans-serif;font-weight:700}.hld-layout{min-height:100vh;display:flex}.hld-sidebar{border-right:1px solid var(--hld-border);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0b0f17f2;flex-direction:column;gap:2rem;width:280px;padding:2.5rem 1.5rem;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.hld-sidebar-logo{color:var(--hld-text);border-bottom:1px solid var(--hld-border);align-items:center;gap:.75rem;padding-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.hld-sidebar-logo img{width:auto;height:35px}.hld-sidebar-logo span{color:var(--hld-primary)}.hld-nav-menu{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.hld-nav-item a{color:var(--hld-text-muted);border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.hld-nav-item a:hover{color:var(--hld-text);background-color:var(--hld-surface-hover)}.hld-nav-item.active a{color:var(--hld-primary);background-color:var(--hld-primary-glow);box-shadow:inset 3px 0 0 var(--hld-primary);font-weight:600}.hld-sidebar-footer{border-top:1px solid var(--hld-border);color:var(--hld-text-muted);flex-direction:column;gap:.75rem;margin-top:auto;padding-top:1.5rem;font-size:.8rem;display:flex}.hld-sidebar-btn{background-color:var(--hld-surface);border:1px solid var(--hld-border);color:var(--hld-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.hld-sidebar-btn:hover{background-color:var(--hld-primary);color:#000;border-color:var(--hld-primary)}.hld-main{flex:1;max-width:1200px;margin-left:280px;padding:4rem 3rem}.hld-section{border-bottom:1px solid var(--hld-border);padding:3rem 0;scroll-margin-top:4rem}.hld-section:last-child{border-bottom:none}.hld-badge{background-color:var(--hld-primary-glow);color:var(--hld-primary);letter-spacing:.05em;text-transform:uppercase;border:1px solid #10b98133;border-radius:9999px;margin-bottom:1rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.hld-section h2{align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:2.2rem;display:flex}.hld-section h2 span.material-symbols-rounded{color:var(--hld-primary);font-size:2.2rem}.hld-lead{color:var(--hld-text-muted);margin-bottom:2rem;font-size:1.15rem;line-height:1.7}.hld-grid-2{grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:1.5rem;display:grid}.hld-grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem;display:grid}.hld-card{background-color:var(--hld-surface);border:1px solid var(--hld-border);border-radius:12px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.hld-card:hover{border-color:var(--hld-border-active);transform:translateY(-4px);box-shadow:0 10px 30px #10b9810d}.hld-card-icon{width:48px;height:48px;color:var(--hld-primary);background-color:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.hld-card h3{margin-bottom:.75rem;font-size:1.35rem}.hld-card p{color:var(--hld-text-muted);font-size:.95rem;line-height:1.5}.hld-tabs{border-bottom:1px solid var(--hld-border);gap:1rem;margin-bottom:1.5rem;display:flex}.hld-tab-btn{color:var(--hld-text-muted);cursor:pointer;background:0 0;border:none;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s;position:relative}.hld-tab-btn:hover{color:var(--hld-text)}.hld-tab-btn.active{color:var(--hld-primary)}.hld-tab-btn.active:after{content:"";background-color:var(--hld-primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.hld-tab-pane{animation:.4s hldFadeIn;display:none}.hld-tab-pane.active{display:block}.hld-tech-filter{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.hld-filter-btn{background-color:var(--hld-surface);border:1px solid var(--hld-border);color:var(--hld-text-muted);cursor:pointer;border-radius:20px;padding:.4rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.hld-filter-btn:hover,.hld-filter-btn.active{background-color:var(--hld-primary);color:#000;border-color:var(--hld-primary)}.hld-tech-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.hld-tech-card{flex-direction:column;height:100%;display:flex}.hld-tech-card .hld-tech-tag{color:var(--hld-secondary);text-transform:uppercase;background-color:#3b82f61a;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;right:1rem}.hld-tech-card.auth .hld-tech-tag{color:#ec4899;background-color:#ec48991a}.hld-tech-card.database .hld-tech-tag{color:#10b981;background-color:#10b9811a}.hld-tech-card.integration .hld-tech-tag{color:#f59e0b;background-color:#f59e0b1a}.hld-interactive-diag{border:1px solid var(--hld-border);background-color:#141e3080;border-radius:12px;grid-template-columns:1.2fr .8fr;gap:2rem;margin-top:1.5rem;padding:2rem;display:grid}.hld-diag-canvas{background-color:var(--hld-code-bg);border:1px solid var(--hld-border);border-radius:8px;justify-content:center;align-items:center;min-height:400px;padding:2rem;display:flex;position:relative}.hld-diag-details{background-color:var(--hld-surface);border:1px solid var(--hld-border);border-radius:8px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.hld-diag-details h4{color:var(--hld-primary);border-bottom:1px solid var(--hld-border);padding-bottom:.5rem;font-size:1.2rem}.hld-diag-node{background-color:var(--hld-surface);border:2px solid var(--hld-border);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;border-radius:8px;min-width:140px;padding:.75rem 1.25rem;font-weight:700;transition:all .2s}.hld-diag-node:hover{border-color:var(--hld-primary);transform:scale(1.05);box-shadow:0 0 15px #10b98140}.hld-diag-node.active{background-color:var(--hld-primary-glow);border-color:var(--hld-primary);color:var(--hld-primary)}.hld-db-explorer{border:1px solid var(--hld-border);background-color:#141e304d;border-radius:12px;grid-template-columns:260px 1fr;gap:2rem;margin-top:1.5rem;padding:2rem;display:grid}.hld-db-list{flex-direction:column;gap:.5rem;display:flex}.hld-db-list-item{background-color:var(--hld-surface);border:1px solid var(--hld-border);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.hld-db-list-item:hover,.hld-db-list-item.active{border-color:var(--hld-primary);color:var(--hld-primary)}.hld-db-list-item span.rls-badge{color:var(--hld-primary);background-color:#10b98126;border:1px solid #10b98133;border-radius:4px;padding:.15rem .35rem;font-size:.7rem}.hld-db-detail-panel{background-color:var(--hld-code-bg);border:1px solid var(--hld-border);border-radius:8px;padding:1.5rem}.hld-db-table-title{color:#fff;font-size:1.25rem;font-family:var(--hld-font-mono);margin-bottom:.5rem}.hld-db-table-desc{color:var(--hld-text-muted);margin-bottom:1.5rem;font-size:.9rem}.hld-db-columns{border-collapse:collapse;width:100%;margin-bottom:1.5rem}.hld-db-columns th,.hld-db-columns td{text-align:left;border-bottom:1px solid #ffffff0d;padding:.6rem .75rem;font-size:.85rem}.hld-db-columns th{color:var(--hld-primary);background-color:#ffffff05;font-weight:700}.hld-db-columns td.col-name{font-family:var(--hld-font-mono);color:#fff;font-weight:600}.hld-db-columns td.col-type{font-family:var(--hld-font-mono);color:var(--hld-secondary)}.hld-db-rls-box{background-color:#3b82f60d;border:1px solid #3b82f633;border-radius:6px;padding:1rem}.hld-db-rls-box h5{color:var(--hld-secondary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;display:flex}.hld-db-rls-box p{color:var(--hld-text-muted);margin:0;font-size:.85rem;line-height:1.4}.hld-simulator{background-color:var(--hld-surface);border:1px solid var(--hld-border);border-radius:12px;margin-top:1.5rem;padding:2rem}.hld-sim-pipeline{justify-content:space-between;align-items:center;margin:2.5rem 0;display:flex;position:relative}.hld-sim-pipeline:before{content:"";background-color:var(--hld-border);z-index:1;height:4px;position:absolute;top:18px;left:20px;right:20px}.hld-sim-progress-bar{background-color:var(--hld-primary);z-index:2;width:0%;height:4px;transition:width .4s;position:absolute;top:18px;left:20px}.hld-sim-step{z-index:3;flex-direction:column;align-items:center;gap:.75rem;width:100px;display:flex;position:relative}.hld-sim-step-circle{background-color:var(--hld-bg);border:3px solid var(--hld-border);width:40px;height:40px;color:var(--hld-text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;transition:all .3s;display:flex}.hld-sim-step.active .hld-sim-step-circle{border-color:var(--hld-primary);background-color:var(--hld-primary);color:#000;box-shadow:0 0 15px var(--hld-primary)}.hld-sim-step.completed .hld-sim-step-circle{border-color:var(--hld-primary);background-color:var(--hld-bg);color:var(--hld-primary)}.hld-sim-step-label{color:var(--hld-text-muted);text-align:center;white-space:nowrap;font-size:.75rem;font-weight:700}.hld-sim-step.active .hld-sim-step-label{color:var(--hld-primary)}.hld-sim-controls{justify-content:center;align-items:center;gap:1rem;display:flex}.hld-sim-info-box{background-color:var(--hld-code-bg);border:1px solid var(--hld-border);border-radius:8px;min-height:120px;margin-top:1.5rem;padding:1.5rem}.hld-sim-info-title{color:var(--hld-accent);margin-bottom:.5rem;font-size:.95rem;font-weight:700}.hld-sim-info-desc{color:var(--hld-text-muted);font-size:.9rem;line-height:1.5}.hld-timeline{margin-top:2rem;padding-left:2.5rem;position:relative}.hld-timeline:before{content:"";background-color:var(--hld-border);width:2px;position:absolute;top:0;bottom:0;left:9px}.hld-timeline-item{margin-bottom:2.5rem;position:relative}.hld-timeline-item:last-child{margin-bottom:0}.hld-timeline-marker{background-color:var(--hld-bg);border:3px solid var(--hld-primary);z-index:2;border-radius:50%;width:20px;height:20px;position:absolute;top:4px;left:-31px}.hld-timeline-content{background-color:var(--hld-surface);border:1px solid var(--hld-border);border-radius:8px;padding:1.5rem}.hld-timeline-date{color:var(--hld-primary);text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;font-weight:700}.hld-timeline-content h3{margin-bottom:.5rem;font-size:1.2rem}.hld-timeline-content p{color:var(--hld-text-muted);font-size:.9rem;line-height:1.5}pre.hld-code{background-color:var(--hld-code-bg);border:1px solid var(--hld-border);border-radius:8px;margin:0;padding:1.25rem;overflow-x:auto}code.hld-code-content{font-family:var(--hld-font-mono);color:#e2e8f0;font-size:.85rem;line-height:1.5;display:block}.code-keyword{color:#f472b6}.code-string{color:#34d399}.code-comment{color:#64748b;font-style:italic}.code-function{color:#60a5fa}.code-number{color:#fbbf24}.hld-ai-demo{background-color:var(--hld-code-bg);border:1px solid var(--hld-border);border-radius:12px;flex-direction:column;gap:1rem;margin-top:1.5rem;padding:1.5rem;font-family:Outfit,sans-serif;display:flex}.hld-ai-bubble{gap:1rem;max-width:85%;display:flex}.hld-ai-bubble.user{flex-direction:row-reverse;align-self:flex-end}.hld-ai-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex}.hld-ai-bubble.user .hld-ai-avatar{background-color:var(--hld-secondary);color:#fff}.hld-ai-bubble.ai .hld-ai-avatar{background-color:var(--hld-primary);color:#000}.hld-ai-msg-content{background-color:var(--hld-surface);border:1px solid var(--hld-border);border-radius:12px;padding:.75rem 1rem;font-size:.9rem;line-height:1.4}.hld-ai-bubble.user .hld-ai-msg-content{background-color:#3b82f61a;border-color:#3b82f633}.hld-ai-bubble.ai .hld-ai-msg-content{background-color:var(--hld-primary-glow);border-color:var(--hld-border-active)}@keyframes hldFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hld-menu-toggle{background-color:var(--hld-surface);border:1px solid var(--hld-border);color:var(--hld-text);cursor:pointer;z-index:1000;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:none;position:fixed;top:1rem;right:1rem}@media (width<=1024px){.hld-sidebar{width:240px}.hld-main{margin-left:240px;padding:3rem 2rem}.hld-interactive-diag,.hld-db-explorer{grid-template-columns:1fr}}@media (width<=768px){.hld-layout{flex-direction:column}.hld-sidebar{width:280px;transition:transform .3s;position:fixed;top:0;bottom:0;left:-280px}.hld-sidebar.open{transform:translate(280px)}.hld-menu-toggle{display:flex}.hld-main{width:100%;margin-left:0;padding:5rem 1.5rem 2rem}.hld-grid-2,.hld-grid-3{grid-template-columns:1fr}.hld-sim-pipeline{flex-direction:column;align-items:flex-start;gap:1.5rem}.hld-sim-pipeline:before,.hld-sim-progress-bar{display:none}.hld-sim-step{flex-direction:row;gap:1rem;width:100%}.hld-sim-step-circle{flex-shrink:0;width:32px;height:32px;font-size:.8rem}.hld-sim-step-label{text-align:left}}