.navbar{position:fixed;top:0;left:0;width:100%;z-index:10000000;padding:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);transform:translateY(0);transition:transform .36s cubic-bezier(.22,1,.36,1),background-color .22s ease,border-color .22s ease;will-change:transform}.navbar,.navbar--go{background:linear-gradient(100deg,rgba(7,7,18,.82),rgba(6,15,27,.78) 52%,rgba(7,32,48,.76))}.navbar--go .nav-link-item{color:rgba(250,245,234,.9);text-shadow:0 1px 12px rgba(0,0,0,.4)}.navbar--go .nav-link-item:hover{color:#ffcb47}.navbar--go .nav-link-item:after{background:#ffcb47}.navbar-hidden{transform:translateY(calc(-100% - 8px))}.navbar-inner{justify-content:space-between;width:100%;min-height:72px;margin:0 auto;padding:10px 5.1vw}.navbar-inner,.navbar-logo{display:flex;align-items:center}.navbar-logo{text-decoration:none;flex:1}.navbar img.hamster-logo{width:54px;height:auto}.nav-center{display:flex;align-items:center;gap:clamp(30px,4vw,64px);justify-content:center}.nav-link-item{color:rgba(255,255,255,.78);font-size:20px;font-weight:600;text-decoration:none;transition:color .2s ease;position:relative}.nav-link-item:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--blue);transition:width .3s ease}.nav-link-item:hover{color:rgba(255,255,255,.96)}.nav-link-item:hover:after{width:100%}.nav-right{display:flex;align-items:center;justify-content:flex-end;gap:.8rem;flex:1}.nav-login-btn,.nav-showcase-btn{min-height:38px;min-width:178px;padding:0 22px;border:1px solid rgba(255,223,83,.92);border-radius:999px;background:radial-gradient(circle at 18% 50%,rgba(255,244,128,.28),transparent 40%),linear-gradient(180deg,rgba(255,237,104,.2),rgba(255,193,46,.07));color:#ffe66f;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;line-height:1;text-decoration:none;white-space:nowrap;box-shadow:0 0 0 1px rgba(255,232,102,.1),0 0 18px rgba(255,215,64,.26),inset 0 1px 0 rgba(255,248,182,.22),inset 0 -1px 0 rgba(157,114,21,.24);text-shadow:0 0 12px rgba(255,232,102,.54);transition:transform .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.nav-login-btn:hover,.nav-showcase-btn:hover{transform:translateY(-1px);color:#fff08a;border-color:rgba(255,236,111,1);box-shadow:0 0 0 1px rgba(255,240,132,.16),0 0 26px rgba(255,216,58,.38),inset 0 1px 0 rgba(255,250,194,.28),inset 0 -1px 0 rgba(157,114,21,.28)}.nav-login-btn:active,.nav-showcase-btn:active{transform:translateY(0)}.nav-login-icon{width:1.8rem!important;height:auto!important;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(110,231,255,.25))}.nav-auth{display:inline-flex;align-items:center;gap:.55rem}.nav-auth--desktop.nav-auth-login{min-height:38px;padding:0 16px;border:1px solid rgba(88,101,242,.72);border-radius:999px;background:linear-gradient(180deg,rgba(88,101,242,.96),rgba(71,82,196,.96));color:#fff;font-size:14px;font-weight:700;line-height:1;cursor:pointer;white-space:nowrap;box-shadow:0 8px 20px rgba(71,82,196,.28);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.nav-auth--desktop.nav-auth-login:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(71,82,196,.36)}.nav-auth--desktop.nav-auth-login svg{width:16px;height:16px}.nav-auth--loading{width:38px;height:38px;justify-content:center;color:rgba(255,255,255,.72)}.nav-auth-spin{width:18px;height:18px;animation:nav-auth-spin .9s linear infinite}@keyframes nav-auth-spin{to{transform:rotate(1turn)}}.nav-auth-account,.nav-auth-profile{display:inline-flex;align-items:center;gap:.45rem}.nav-auth-profile{max-width:min(240px,28vw);padding:4px 10px 4px 4px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.92);text-decoration:none;transition:background-color .2s ease,border-color .2s ease}.nav-auth-profile:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22)}.nav-auth-avatar{width:28px;height:28px;border-radius:999px;object-fit:cover;flex:0 0 28px}.nav-auth-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}.nav-auth-logout{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.04);color:rgba(255,255,255,.82);cursor:pointer;transition:background-color .2s ease,color .2s ease}.nav-auth-logout:hover{background:rgba(255,255,255,.1);color:#fff}.nav-auth-logout svg{width:16px;height:16px}.hamburger-button{display:none;background:none;border:none;color:white;font-size:1.4rem;cursor:pointer;z-index:100;transition:.2s}.mobile-menu{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(10,10,46,.98);backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:99;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-menu-open{display:flex;opacity:1;pointer-events:all}.mobile-menu-item{color:white;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s ease}.mobile-menu-item:hover{color:#6ee7ff}.mobile-menu-course{font-size:.8rem;color:rgba(255,255,255,.6)}.mobile-menu-course:hover{color:var(--blue)}.mobile-menu-profile{background:linear-gradient(180deg,#ffe779,#ffc83f 55%,#ffb12e);color:#111827;box-shadow:0 14px 28px rgba(255,187,42,.28)}.mobile-menu-profile,.mobile-menu-showcase{min-width:11rem;padding:.68rem 1.2rem;border-radius:999px;font-weight:800;text-align:center}.mobile-menu-showcase{border:1px solid rgba(255,223,83,.92);background:rgba(255,215,64,.12);color:#ffe66f}.mobile-menu-divider{width:min(220px,72vw);height:1px;background:rgba(255,255,255,.12)}.nav-auth--mobile{width:min(280px,82vw);flex-direction:column;align-items:stretch;gap:.75rem}.nav-auth--mobile.nav-auth-login{min-height:44px;justify-content:center;border:1px solid rgba(88,101,242,.72);border-radius:999px;background:linear-gradient(180deg,rgba(88,101,242,.96),rgba(71,82,196,.96));color:#fff;font-size:15px;font-weight:700;cursor:pointer}.mobile-menu-account,.mobile-menu-logout{display:inline-flex;align-items:center;justify-content:center;gap:.55rem}.mobile-menu-account{min-width:11rem;padding:.68rem 1.2rem;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;font-weight:700}.mobile-menu-logout{min-width:11rem;padding:.68rem 1.2rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:transparent;color:rgba(255,255,255,.82);font:inherit;cursor:pointer}.mobile-menu-profile:hover{color:#111827;filter:brightness(1.04)}@media screen and (max-width:1100px){.nav-auth-name{max-width:120px}}@media screen and (max-width:768px){.nav-auth--desktop,.nav-center,.nav-showcase-btn{display:none}.hamburger-button{display:flex}.navbar-inner{min-height:64px;padding:8px 18px}}@media screen and (max-width:480px){.navbar img.hamster-logo{width:42px}.nav-showcase-btn{min-height:34px;min-width:142px;padding:0 13px;font-size:12px}.nav-auth--desktop.nav-auth-login{min-height:34px;padding:0 12px;font-size:12px}}