.jb-navbar{--brand-navy-dark:#071326;--brand-navy:#0b1e3f;--brand-navy-light:#162f5e;--brand-gold:#e5a93c;--brand-gold-hover:#d69627;--brand-gold-glow:#e5a93c59;--text-white:#fff;--text-muted:#94a3b8;--text-light:#cbd5e1;--text-dark:#071326;--dropdown-bg:#0b1e3ff0;--dropdown-border:#e5a93c38;--card-hover-bg:#ffffff12;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.16, 1, .3, 1)}.jb-navbar,.jb-navbar *,.jb-navbar :before,.jb-navbar :after{box-sizing:border-box;margin:0;padding:0}.jb-navbar{font-family:var(--font-jakarta), "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;color:var(--text-white);-webkit-font-smoothing:antialiased;background:0 0;line-height:1.5}.jb-navbar .site-header{z-index:1000;background:0 0;padding:22px 0;transition:padding .3s,background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,box-shadow .3s;position:fixed;top:0;left:0;right:0}.jb-navbar .site-header.scrolled{-webkit-backdrop-filter:blur(18px);background:linear-gradient(90deg,#071326 0%,#0b1e3f 52%,#071326 100%);border-bottom:1px solid #e5a93c2e;padding:14px 0;box-shadow:0 10px 30px #030d1e52}.jb-navbar .navbar-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1380px;margin:0 auto;padding:0 40px;display:flex}.jb-navbar .brand-link{transition:transform var(--transition-fast);flex-shrink:0;align-items:center;gap:14px;text-decoration:none;display:flex}.jb-navbar .brand-link:hover{transform:translateY(-1px)}.jb-navbar .brand-icon-box{border-radius:var(--radius-md);width:44px;height:44px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);background:#fff;justify-content:center;align-items:center;padding:3px;display:flex;box-shadow:0 4px 14px #00000040}.jb-navbar .brand-link:hover .brand-icon-box{transform:scale(1.04);box-shadow:0 6px 18px #e5a93c59}.jb-navbar .brand-logo-img{object-fit:contain;width:100%;height:100%}.jb-navbar .brand-text-group{flex-direction:column;display:flex}.jb-navbar .brand-title{color:#fff;letter-spacing:-.2px;font-size:1.15rem;font-weight:800;line-height:1.15}.jb-navbar .brand-subtitle{color:var(--text-muted);letter-spacing:.3px;margin-top:1px;font-size:.72rem;font-weight:500}.jb-navbar .main-nav{align-items:center;gap:6px;display:flex}.jb-navbar .nav-item{list-style:none;position:relative}.jb-navbar .nav-link{color:#fff;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:8px 14px;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex}.jb-navbar .nav-link i.nav-caret{transition:transform var(--transition-fast);color:var(--text-muted);font-size:.78rem}.jb-navbar .nav-link:hover,.jb-navbar .nav-item:hover>.nav-link,.jb-navbar .nav-item.active>.nav-link{color:var(--brand-gold);background:#ffffff14}.jb-navbar .nav-item:hover>.nav-link i.nav-caret{color:var(--brand-gold);transform:rotate(180deg)}.jb-navbar .dropdown-card{background:var(--dropdown-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--dropdown-border);border-radius:var(--radius-lg);opacity:0;visibility:hidden;pointer-events:none;z-index:1050;padding:12px;transition:opacity .22s,transform .22s,visibility .22s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 20px 48px #0000008c}.jb-navbar .dropdown-card:before{content:"";height:14px;position:absolute;top:-14px;left:0;right:0}.jb-navbar .nav-item:hover>.dropdown-card{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.jb-navbar .dropdown-medium{width:380px}.jb-navbar .dropdown-wide{width:580px}.jb-navbar .dropdown-grid-1col{gap:6px;display:grid}.jb-navbar .dropdown-grid-2cols{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.jb-navbar .dropdown-link-item{border-radius:var(--radius-md);transition:all var(--transition-fast);border:1px solid #0000;align-items:flex-start;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.jb-navbar .dropdown-link-item:hover{background:var(--card-hover-bg);border-color:#e5a93c4d;transform:translate(3px)}.jb-navbar .dropdown-icon-box{border-radius:var(--radius-sm);width:36px;min-width:36px;height:36px;color:var(--brand-gold);transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1a;justify-content:center;align-items:center;font-size:1.15rem;display:flex}.jb-navbar .dropdown-link-item:hover .dropdown-icon-box{background:var(--brand-gold);color:var(--brand-navy-dark);border-color:var(--brand-gold)}.jb-navbar .dropdown-item-info{flex:1}.jb-navbar .dropdown-item-title{color:#fff;align-items:center;gap:6px;font-size:.88rem;font-weight:700;line-height:1.3;display:flex}.jb-navbar .dropdown-item-desc{color:var(--text-muted);margin-top:2px;font-size:.74rem;line-height:1.35}.jb-navbar .badge-tag-pill{border-radius:var(--radius-full);padding:1px 6px;font-size:.62rem;font-weight:800}.jb-navbar .badge-tag-pill.badge-gold{color:var(--brand-gold);background:#e5a93c33;border:1px solid #e5a93c66}.jb-navbar .badge-tag-pill.badge-ai{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%)}.jb-navbar .badge-tag-pill.badge-green{color:#34d399;background:#10b98133;border:1px solid #10b98166}.jb-navbar .nav-actions{align-items:center;gap:20px;display:flex}.jb-navbar .btn-nav-masuk{color:#fff;transition:color var(--transition-fast);cursor:pointer;font-size:.95rem;font-weight:700;text-decoration:none}.jb-navbar .btn-nav-masuk:hover{color:var(--brand-gold)}.jb-navbar .register-dropdown-box{position:relative}.jb-navbar .btn-nav-daftar{background:var(--brand-gold);color:var(--text-dark);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;gap:6px;padding:10px 24px;font-size:.92rem;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 4px 16px #e5a93c47}.jb-navbar .btn-nav-daftar:hover{background:#f3b749;transform:translateY(-2px);box-shadow:0 8px 24px #e5a93c73}.jb-navbar .btn-nav-daftar:active{transform:translateY(0)}.jb-navbar .portal-dropdown-menu{background:var(--dropdown-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--dropdown-border);border-radius:var(--radius-lg);opacity:0;visibility:hidden;pointer-events:none;z-index:1050;width:320px;padding:10px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:calc(100% + 12px);right:0;transform:translateY(8px);box-shadow:0 20px 48px #0009}.jb-navbar .portal-dropdown-menu:before{content:"";height:14px;position:absolute;top:-14px;left:0;right:0}.jb-navbar .register-dropdown-box:hover .portal-dropdown-menu,.jb-navbar .register-dropdown-box.active .portal-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.jb-navbar .portal-menu-item{border-radius:var(--radius-md);transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:12px;padding:11px 13px;text-decoration:none;display:flex}.jb-navbar .portal-menu-item:hover{background:var(--card-hover-bg);border-color:#e5a93c4d;transform:translate(4px)}.jb-navbar .portal-item-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-size:1.25rem;display:flex}.jb-navbar .portal-item-icon.siswa{color:#818cf8;background:#6366f12e}.jb-navbar .portal-item-icon.tutor{color:#34d399;background:#10b9812e}.jb-navbar .portal-item-icon.affiliator{color:var(--brand-gold);background:#e5a93c2e}.jb-navbar .portal-item-title{color:#fff;font-size:.88rem;font-weight:700;line-height:1.3}.jb-navbar .portal-item-desc{color:var(--text-muted);margin-top:1px;font-size:.72rem}.jb-navbar .mobile-toggle-btn{border-radius:var(--radius-md);color:#fff;cursor:pointer;width:42px;height:42px;transition:all var(--transition-fast);background:#ffffff14;border:1.5px solid #ffffff26;justify-content:center;align-items:center;font-size:1.4rem;display:none}.jb-navbar .mobile-toggle-btn:hover{border-color:var(--brand-gold);color:var(--brand-gold);background:#ffffff26}.jb-navbar .mobile-backdrop{-webkit-backdrop-filter:blur(6px);z-index:1999;opacity:0;visibility:hidden;background:#030812bf;transition:all .3s;position:fixed;inset:0}.jb-navbar .mobile-backdrop.active{opacity:1;visibility:visible}.jb-navbar .mobile-drawer{z-index:2000;background:#08152b;border-left:1px solid #e5a93c33;flex-direction:column;width:85%;max-width:380px;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-10px 0 40px #0009}.jb-navbar .mobile-drawer.active{transform:translate(0)}.jb-navbar .mobile-drawer-header{background:#ffffff05;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.jb-navbar .mobile-close-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1a;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.jb-navbar .mobile-close-btn:hover{color:#ef4444;background:#ef444433;border-color:#ef4444}.jb-navbar .mobile-drawer-body{flex-direction:column;flex:1;gap:12px;padding:16px 20px;display:flex;overflow-y:auto}.jb-navbar .mobile-nav-list{flex-direction:column;gap:6px;list-style:none;display:flex}.jb-navbar .mobile-nav-item{border-bottom:1px solid #ffffff0d;padding-bottom:4px}.jb-navbar .mobile-nav-link{color:#fff;border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;padding:12px 10px;font-size:.95rem;font-weight:700;text-decoration:none;display:flex}.jb-navbar .mobile-nav-link:hover,.jb-navbar .mobile-nav-link.active{color:var(--brand-gold);background:#ffffff0f}.jb-navbar .mobile-nav-link i.accordion-arrow{color:var(--text-muted);font-size:.9rem;transition:transform .25s}.jb-navbar .mobile-nav-item.open .mobile-nav-link i.accordion-arrow{color:var(--brand-gold);transform:rotate(180deg)}.jb-navbar .mobile-accordion-content{max-height:0;padding-left:12px;transition:max-height .3s cubic-bezier(0,1,0,1);overflow:hidden}.jb-navbar .mobile-nav-item.open .mobile-accordion-content{max-height:600px;transition:max-height .4s ease-in-out}.jb-navbar .mobile-sub-list{flex-direction:column;gap:4px;padding:6px 0 10px;list-style:none;display:flex}.jb-navbar .mobile-sub-link{color:var(--text-light);border-radius:var(--radius-sm);transition:all var(--transition-fast);align-items:center;gap:10px;padding:8px 12px;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.jb-navbar .mobile-sub-link i{color:var(--brand-gold);font-size:1rem}.jb-navbar .mobile-sub-link:hover{color:#fff;background:#ffffff0f;transform:translate(4px)}.jb-navbar .mobile-drawer-footer{background:#0003;border-top:1px solid #ffffff14;flex-direction:column;gap:10px;padding:18px 20px;display:flex}.jb-navbar .mobile-drawer-footer .btn-full{justify-content:center;width:100%}@media (max-width:1180px){.jb-navbar .main-nav{gap:2px}.jb-navbar .nav-link{padding:8px 10px;font-size:.88rem}}@media (max-width:992px){.jb-navbar .main-nav,.jb-navbar .nav-actions{display:none}.jb-navbar .mobile-toggle-btn{display:flex}.jb-navbar .navbar-inner{padding:0 24px}}@media (max-width:640px){.jb-navbar .site-header{padding:16px 0}.jb-navbar .navbar-inner{padding:0 18px}.jb-navbar .brand-title{font-size:1rem}.jb-navbar .brand-subtitle{display:none}}