.topbar,.topbar-drawer,.topbar-overlay{--tb-dgl-blue:#00a3e0;--tb-bg-elev:#0f1d33;--tb-bg-card:#ffffff06;--tb-bg-card-hover:#00a3e00f;--tb-border:#ffffff0f;--tb-border-mid:#ffffff1a;--tb-text:#e8edf2;--tb-text-dim:#8b9aab;--tb-text-mute:#6b7989;--tb-f-display:"Montserrat", system-ui, -apple-system, sans-serif;--tb-f-body:"Open Sans", system-ui, sans-serif;--tb-f-mono:"JetBrains Mono", ui-monospace, monospace;--tb-shadow-lift:0 20px 50px #0000004d}:is(body:has(>#root header.topbar:first-child),body:has(>#root>div>header.topbar:first-child)){margin:0;padding-top:0}.topbar{z-index:50;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--tb-border-mid);background:#0a1628d9;margin:0;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;max-width:1200px;height:76px;margin:0 auto;padding:0 32px;display:flex}.topbar .brand{flex-direction:column;gap:3px;text-decoration:none;display:flex}.topbar .brand-wordmark{font-family:var(--tb-f-display);letter-spacing:-.01em;align-items:baseline;font-size:20px;font-weight:800;line-height:1;display:flex}.topbar .brand-wordmark .wm-dgl{color:var(--tb-text)}.topbar .brand-wordmark .wm-dot{color:var(--tb-dgl-blue);margin:0 1px}.topbar .brand-wordmark .wm-academy{color:var(--tb-dgl-blue)}.topbar .brand-tagline{font-family:var(--tb-f-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--tb-text-mute);font-size:8.5px;font-weight:500;line-height:1}.topbar .brand-tagline .tm{vertical-align:super;letter-spacing:0;margin-left:2px;font-size:7px}.topbar .nav-links-v6{align-items:center;gap:28px;font-size:14px;font-weight:500;display:flex}.topbar .nav-links-v6>a{color:var(--tb-text-dim);text-decoration:none;transition:color .15s}.topbar .nav-links-v6>a:hover{color:var(--tb-text)}.topbar .nav-dropdown{position:relative}.topbar .nav-dropdown-trigger{font-family:var(--tb-f-body);color:var(--tb-text-dim);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:14px;font-weight:500;transition:color .15s;display:inline-flex}.topbar .nav-dropdown-trigger svg{transition:transform .18s}.topbar .nav-dropdown:hover .nav-dropdown-trigger,.topbar .nav-dropdown:focus-within .nav-dropdown-trigger{color:var(--tb-text)}.topbar .nav-dropdown:hover .nav-dropdown-trigger svg,.topbar .nav-dropdown:focus-within .nav-dropdown-trigger svg{transform:rotate(180deg)}.topbar .nav-dropdown-panel{background:var(--tb-bg-elev);border:1px solid var(--tb-border-mid);min-width:280px;box-shadow:var(--tb-shadow-lift), 0 0 0 1px var(--tb-border-mid);opacity:0;visibility:hidden;z-index:100;border-radius:10px;padding:8px;transition:all .18s;position:absolute;top:calc(100% + 12px);right:0;transform:translateY(-4px)}.topbar .nav-dropdown:hover .nav-dropdown-panel,.topbar .nav-dropdown:focus-within .nav-dropdown-panel{opacity:1;visibility:visible;transform:translateY(0)}.topbar .nav-dropdown-panel:before{content:"";background:var(--tb-bg-elev);border-left:1px solid var(--tb-border-mid);border-top:1px solid var(--tb-border-mid);width:12px;height:12px;position:absolute;top:-8px;right:32px;transform:rotate(45deg)}.topbar .dropdown-item{border-radius:6px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:background .15s;display:flex}.topbar .dropdown-item:hover{background:var(--tb-bg-card-hover)}.topbar .di-icon{background:var(--tb-bg-card);width:36px;height:36px;color:var(--tb-dgl-blue);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.topbar .dropdown-item:hover .di-icon{background:var(--tb-dgl-blue);color:#fff}.topbar .di-body{flex:1;min-width:0}.topbar .di-title{font-family:var(--tb-f-display);color:var(--tb-text);margin-bottom:2px;font-size:14px;font-weight:600;line-height:1.2}.topbar .di-sub{font-family:var(--tb-f-mono);color:var(--tb-text-mute);letter-spacing:.02em;font-size:11px}.topbar .btn-demo-top{font-family:var(--tb-f-display);background:var(--tb-dgl-blue);color:#fff;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s}.topbar .btn-demo-top:hover{background:#0c8fc7;transform:translateY(-1px)}.topbar .topbar-hamburger{color:var(--tb-text);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:background .15s;display:none}.topbar .topbar-hamburger:hover{background:var(--tb-bg-card-hover)}.topbar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;background:#00000080;animation:.18s topbarOverlayIn;position:fixed;inset:0}@keyframes topbarOverlayIn{0%{opacity:0}to{opacity:1}}.topbar-drawer{background:var(--tb-bg-elev);border-left:1px solid var(--tb-border-mid);z-index:95;flex-direction:column;gap:12px;width:min(86vw,360px);padding:96px 20px 32px;animation:.22s topbarDrawerIn;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-8px 0 24px #0000004d}@keyframes topbarDrawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}.topbar-drawer .drawer-section{flex-direction:column;gap:4px;display:flex}.topbar-drawer .drawer-link{color:var(--tb-text);font-family:var(--tb-f-display);border-radius:6px;padding:14px 16px;font-size:16px;font-weight:500;text-decoration:none;transition:background .15s;display:block}.topbar-drawer .drawer-link:hover{background:var(--tb-bg-card-hover)}.topbar-drawer .drawer-divider{background:var(--tb-border-mid);height:1px;margin:8px 0}.topbar-drawer .drawer-label{font-family:var(--tb-f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--tb-text-mute);margin-bottom:8px;padding:0 16px;font-size:10.5px}.topbar-drawer .drawer-acceder-item{border-radius:6px;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:background .15s;display:flex}.topbar-drawer .drawer-acceder-item:hover{background:var(--tb-bg-card-hover)}.topbar-drawer .drawer-acceder-item .di-icon{background:var(--tb-bg-card);width:36px;height:36px;color:var(--tb-dgl-blue);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.topbar-drawer .drawer-acceder-item:hover .di-icon{background:var(--tb-dgl-blue);color:#fff}.topbar-drawer .drawer-acceder-item .di-body{flex:1;min-width:0}.topbar-drawer .drawer-acceder-item .di-title{font-family:var(--tb-f-display);color:var(--tb-text);margin-bottom:2px;font-size:14px;font-weight:600;line-height:1.2}.topbar-drawer .drawer-acceder-item .di-sub{font-family:var(--tb-f-mono);color:var(--tb-text-mute);letter-spacing:.02em;font-size:11px}.topbar-drawer .drawer-cta{text-align:center;background:var(--tb-dgl-blue);color:#fff;font-family:var(--tb-f-display);border-radius:8px;margin-top:4px;padding:14px 20px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s;display:block}.topbar-drawer .drawer-cta:hover{background:#0c8fc7}@media (width<=960px){.topbar .nav-links-v6,.topbar .btn-demo-top{display:none}.topbar .topbar-hamburger{min-width:44px;min-height:44px;display:inline-flex}.topbar-drawer{border-left:none;width:100%;max-width:100vw}.topbar-overlay{touch-action:none;-webkit-tap-highlight-color:transparent}}.topbar-drawer-close{width:44px;height:44px;color:var(--tb-text);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:28px;line-height:1;display:flex;position:absolute;top:16px;right:16px}.topbar-drawer-close:hover,.topbar-drawer-close:focus-visible{background:var(--tb-bg-card-hover)}
