@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
.qb-nav,.qb-mobile{--nb-teal:#4ecdc4;--nb-teal-dim:#4ecdc417;--nb-teal-border:#4ecdc438;--nb-nav-bg:#0f1117e0;--nb-border:#ffffff12;--nb-surface2:#ffffff0d;--nb-muted:#8b92a9;--nb-white:#fff;--nb-logo-color:#fff;--nb-drop-bg:#fff;--nb-drop-border:#00000014;--nb-drop-shadow:0 20px 60px #00000059;--nb-drop-title:#4ecdc4;--nb-drop-divider:#f0f0f0;--nb-drop-icon-bg:#4ecdc41f;--nb-drop-label:#1a1d28;--nb-drop-hover:#4ecdc417;--nb-mob-bg:#0f1117;--nb-mob-link:#8b92a9;--nb-ham-line:#fff;--nb-btn-ghost-txt:#fff;--nb-btn-ghost-bg:#ffffff12;--nb-btn-ghost-bdr:#ffffff1f;--nb-toggle-bg:#ffffff12;--nb-toggle-border:#ffffff26;--nb-toggle-icon:#8b92a9;--nb-font:"Inter", sans-serif}.qb-nav{z-index:300;background:var(--nb-nav-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--nb-border);height:62px;font-family:var(--nb-font);justify-content:space-between;align-items:center;padding:0 48px;transition:background .35s,border-color .35s;display:flex;position:fixed;top:0;left:0;right:0}.qb-logo{flex-shrink:0;align-items:center;gap:9px;text-decoration:none;display:flex}.qb-logo-mark{color:#0f1117;letter-spacing:-.5px;background:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:900;display:flex;overflow:hidden}.qb-logo-text{color:var(--nb-logo-color);letter-spacing:-.02em;font-size:1rem;font-weight:700;font-family:var(--nb-font)}.qb-logo-text span{color:var(--nb-teal)}.qb-nav-links{align-items:center;gap:2px;display:flex}.qb-nav-link{color:var(--nb-muted);cursor:pointer;font-size:.84rem;font-weight:500;font-family:var(--nb-font);white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:5px;padding:7px 13px;text-decoration:none;transition:color .15s,background .15s;display:flex}.qb-nav-link:hover,.qb-nav-link.active{color:var(--nb-white);background:var(--nb-surface2)}.qb-nav-link svg{flex-shrink:0;width:13px;height:13px;transition:transform .22s}.qb-nav-link.open svg{transform:rotate(180deg)}.qb-nav-right{align-items:center;gap:8px;display:flex}.qb-theme-toggle{background:var(--nb-toggle-bg);border:1px solid var(--nb-toggle-border);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:background .2s,border-color .2s;display:flex}.qb-theme-toggle:hover{background:var(--nb-surface2)}.qb-btn-ghost{color:var(--nb-btn-ghost-txt);background:var(--nb-btn-ghost-bg);border:1px solid var(--nb-btn-ghost-bdr);cursor:pointer;font-size:.84rem;font-weight:500;font-family:var(--nb-font);border-radius:100px;padding:8px 18px;text-decoration:none;transition:background .15s,color .3s}.qb-btn-ghost:hover{background:var(--nb-surface2)}.qb-btn-main{color:#0f1117;background:var(--nb-teal);cursor:pointer;font-size:.84rem;font-weight:600;font-family:var(--nb-font);border:none;border-radius:100px;padding:9px 20px;text-decoration:none;transition:opacity .15s,transform .12s}.qb-btn-main:hover{opacity:.88;transform:translateY(-1px)}.qb-drop-wrap{position:relative}.qb-dropdown{background:var(--nb-drop-bg);border:1px solid var(--nb-drop-border);width:1050px;box-shadow:var(--nb-drop-shadow);z-index:500;border-radius:16px;grid-template-columns:repeat(5,1fr);gap:8px;padding:24px;animation:.18s nb-dropIn;display:grid;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}@keyframes nb-dropIn{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.qb-drop-title{letter-spacing:.1em;text-transform:uppercase;color:var(--nb-drop-title);border-bottom:1px solid var(--nb-drop-divider);font-size:.62rem;font-weight:700;font-family:var(--nb-font);grid-column:1/-1;margin-bottom:6px;padding-bottom:10px}.qb-drop-item{cursor:pointer;border-radius:9px;align-items:center;gap:9px;padding:9px 10px;text-decoration:none;transition:background .12s;display:flex}.qb-drop-item:hover{background:var(--nb-drop-hover)}.qb-drop-icon{background:var(--nb-drop-icon-bg);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;transition:background .15s;display:flex}.qb-drop-item:hover .qb-drop-icon{background:var(--nb-teal-dim)}.qb-drop-label{color:var(--nb-drop-label);font-size:.76rem;font-weight:500;line-height:1.3;font-family:var(--nb-font)}.qb-ham{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.qb-ham span{background:var(--nb-ham-line);border-radius:2px;width:21px;height:2px;transition:all .25s;display:block}.qb-ham.open span:first-child{transform:translateY(7px)rotate(45deg)}.qb-ham.open span:nth-child(2){opacity:0}.qb-ham.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.qb-mobile{background:var(--nb-mob-bg);z-index:250;font-family:var(--nb-font);padding:20px 24px 40px;display:none;position:fixed;inset:62px 0 0;overflow-y:auto}.qb-mobile.open{display:block}.qb-mob-link{color:var(--nb-mob-link);border-bottom:1px solid var(--nb-border);padding:11px 0;font-size:.92rem;font-weight:500;text-decoration:none;transition:color .15s;display:block}.qb-mob-link:hover{color:var(--nb-white)}.qb-mob-btns{flex-direction:column;gap:10px;margin-top:24px;display:flex}.qb-mobile .qb-cta-main{text-align:center;font-size:.95rem;font-weight:600;font-family:var(--nb-font);color:#0f1117;background:var(--nb-teal);border:none;border-radius:10px;padding:13px;text-decoration:none;transition:opacity .15s;display:block}.qb-mobile .qb-cta-main:hover{opacity:.88}.qb-mobile .qb-cta-ghost{text-align:center;font-size:.95rem;font-weight:500;font-family:var(--nb-font);color:var(--nb-white);background:var(--nb-btn-ghost-bg);border:1px solid var(--nb-btn-ghost-bdr);border-radius:10px;padding:12px;text-decoration:none;transition:background .15s;display:block}.qb-mobile .qb-cta-ghost:hover{background:var(--nb-surface2)}@media (max-width:960px){.qb-nav{padding:0 20px}.qb-nav-links{display:none}.qb-ham{display:flex}}.qb-drop-icon{color:#06b6d4;background:#06b6d426;border:1px solid #06b6d44d;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}