.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}.navbar img.hamster-logo{width:54px;height:auto}.nav-center{display:flex;align-items:center;gap:clamp(44px,5vw,84px);margin-left:auto;margin-right:auto}.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{gap:.8rem}.nav-login-btn,.nav-right{display:flex;align-items:center}.nav-login-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;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{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{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))}.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);-webkit-backdrop-filter:blur(20px);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{min-width:11rem;padding:.68rem 1.2rem;border-radius:999px;background:linear-gradient(180deg,#ffe779,#ffc83f 55%,#ffb12e);color:#111827;font-weight:800;text-align:center;box-shadow:0 14px 28px rgba(255,187,42,.28)}.mobile-menu-profile:hover{color:#111827;filter:brightness(1.04)}@media screen and (max-width:768px){.nav-center{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-login-btn{min-height:34px;min-width:142px;padding:0 13px;font-size:12px}}