.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#0a0a1ad9;border-bottom:1px solid #6366f133;padding:0;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar-container{justify-content:space-between;align-items:center;gap:20px;max-width:1280px;height:72px;margin:0 auto;padding:0 24px;display:flex}.navbar-brand{flex-shrink:0;align-items:center;gap:12px;display:flex}.brand-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:2rem;animation:6s ease-in-out infinite float;display:flex;box-shadow:0 4px 15px #6366f166}.brand-text{flex-direction:column;display:flex}.brand-name{font-family:var(--font-main,"Be Vietnam Pro", system-ui, sans-serif);background:linear-gradient(135deg,#818cf8,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800;line-height:1}.brand-sub{color:#64748b;font-size:.7rem;font-weight:500}.navbar-guestAuth{border:1px solid #6366f159;border-radius:999px;align-items:stretch;margin-left:12px;display:inline-flex;overflow:hidden;box-shadow:0 2px 12px #6366f133}.navbar-guestAuth-link{white-space:nowrap;border:none;border-radius:0;justify-content:center;align-items:center;min-width:7.5rem;padding:8px 18px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.navbar-guestAuth-link.btn-primary:hover{filter:brightness(1.06);transform:none}.navbar-guestAuth-link.btn-primary:active{transform:none}.navbar-guestAuth-dualWrap{place-items:center;min-width:8rem;min-height:1.4em;line-height:1.4;display:grid;position:relative;overflow:hidden}.navbar-guestAuth-dualTxt{opacity:0;pointer-events:none;white-space:nowrap;grid-area:1/1;transition:opacity .38s,transform .42s cubic-bezier(.4,0,.2,1);transform:scale(.92)translateY(6px)}.navbar-guestAuth-dualTxt.is-on{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}@media (prefers-reduced-motion:reduce){.navbar-guestAuth-dualTxt{transition-duration:60ms;transform:none}.navbar-guestAuth-dualTxt:not(.is-on){opacity:0}.navbar-guestAuth-dualTxt.is-on{transform:none}}.navbar-guestAuth-swap{color:#c7d2fe;cursor:pointer;background:#0f172aa6;border:none;border-left:1px solid #ffffff1f;flex-shrink:0;justify-content:center;align-items:center;width:40px;margin:0;padding:0;transition:background .15s,color .15s;display:inline-flex}.navbar-guestAuth-swap:hover{color:#f8fafc;background:#1e293bf2}.navbar-links{flex:1;justify-content:flex-end;align-items:center;gap:24px;display:flex}.nav-link{color:#94a3b8;white-space:nowrap;letter-spacing:.01em;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.nav-link:hover{color:#f1f5f9;background:#6366f11f}.nav-link.active{color:#818cf8;background:#6366f126}.nav-cta{margin-left:12px;padding:10px 20px;font-size:.9rem}.hamburger{cursor:pointer;background:0 0;border:1px solid #6366f14d;border-radius:8px;flex-direction:column;gap:5px;padding:8px;display:none}.ham-line{background:#94a3b8;border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}.ham-line.open:first-child{transform:rotate(45deg)translate(5px,5px)}.ham-line.open:nth-child(2){opacity:0}.ham-line.open:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (width<=900px){.hamburger{display:flex}.navbar-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;background:#0a0a1af7;border-bottom:1px solid #6366f133;flex-direction:column;gap:8px;padding:20px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:fixed;top:72px;left:0;right:0;transform:translateY(-120%)}.navbar-links.open{opacity:1;pointer-events:all;transform:translateY(0)}.nav-link{width:100%;padding:14px 18px;font-size:1rem}.nav-cta{justify-content:center;width:100%;margin-left:0}.navbar-guestAuth{justify-content:stretch;width:100%;margin-left:0}.navbar-guestAuth-link{flex:1;min-width:0}}.credit-badge-nav{color:#f59e0b;white-space:nowrap;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:50px;align-items:center;gap:6px;padding:8px 14px;font-size:.9rem;font-weight:800;transition:all .2s;display:inline-flex}.credit-badge-nav:hover{background:#f59e0b40;transform:translateY(-2px)}.credit-badge-nav--empty{color:#fecaca!important;background:#ef444433!important;border-color:#f8717173!important}.navbar-credit-warn{text-align:center;color:#fde68a;background:#78350f73;border-top:1px solid #f59e0b40;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;padding:10px 20px;font-size:.8125rem;line-height:1.45;display:flex}.navbar-credit-warn--empty{color:#fecaca;background:#7f1d1d8c;border-top-color:#f8717159}.navbar-credit-warn strong{color:#fff;font-weight:800}.navbar-credit-warn-cta{white-space:nowrap;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:999px;padding:6px 14px;font-size:.78rem;font-weight:800;color:#fff!important;text-decoration:none!important}.navbar-credit-warn-cta:hover{filter:brightness(1.08)}.navbar-credit-warn-link{text-underline-offset:3px;font-size:.78rem;font-weight:600;text-decoration:underline;color:#ffffffd9!important}.navbar-credit-warn-link:hover{color:#fff!important}