.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);height:auto;padding:0;transition:all var(--transition-base)}.navbar__container{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-xl);min-height:64px;height:auto;margin:0 auto;padding:0 16px}.navbar--scrolled{background-color:rgba(255,253,247,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:3px solid var(--color-text)}.navbar__skip-link{position:absolute;top:-100%;left:var(--spacing-4);padding:var(--spacing-3) var(--spacing-5);font-weight:var(--font-weight-bold);color:var(--color-white);background:var(--color-primary);border:3px solid var(--color-text);border-radius:var(--radius-lg);box-shadow:4px 4px 0 #000;z-index:var(--z-max);transition:top var(--transition-fast)}.navbar__skip-link:focus{top:var(--spacing-4)}.navbar__actions{display:flex;align-items:center;gap:var(--spacing-2)}.navbar__btn{display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-family:inherit;line-height:1;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast) var(--ease-bounce);text-decoration:none}body.is-panning .navbar{pointer-events:none}@media (prefers-reduced-motion:reduce){.navbar__btn:hover,.navbar__dropdown-link:hover,.navbar__link:hover,.navbar__logo:hover,.navbar__user-menu-item:hover{transform:none}}.navbar__logo{display:flex;align-items:center;gap:var(--spacing-3);text-decoration:none;transition:transform var(--transition-fast) var(--ease-bounce);margin-top:8px}.navbar__logo:hover{transform:scale(1.05) rotate(-2deg)}.navbar__logo-image{height:28px;width:auto}.navbar__logo-text{font-size:15px;font-family:GmarketSans,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:700;color:var(--color-primary);letter-spacing:-.01em;-webkit-text-stroke:1px var(--color-text);text-shadow:2px 2px 0 var(--color-text)}.navbar__nav{display:flex;align-items:center;gap:var(--spacing-1);margin-left:clamp(var(--spacing-5),3vw,var(--spacing-8))}.navbar__menu{display:flex;align-items:center;gap:var(--spacing-1);list-style:none;margin:0;padding:0}.navbar__item{position:relative}.navbar__item--desktop-tablet{display:none}.navbar__item--desktop-only{display:none}.navbar__item--mobile-only-strict{display:flex!important}.navbar__item--tablet-up{display:none}.navbar__item--tablet-only{display:none!important}.navbar__link{position:relative;display:inline-flex;align-items:center;font-size:clamp(.75rem, .5rem + 1vw, 1rem);font-weight:var(--font-weight-semibold);color:var(--color-text);text-decoration:none;padding:clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,1rem);border-radius:var(--radius-full);transition:all var(--transition-fast) var(--ease-bounce)}.navbar__link:hover{color:var(--color-primary);background:var(--color-primary-alpha);transform:translateY(-2px)}.navbar__link--active,.navbar__link--active:hover,.navbar__link--dropdown.navbar__link--active,.navbar__link--dropdown.navbar__link--active:hover{color:var(--color-white);background:var(--color-primary);transform:none}.navbar__link--menu{padding:var(--spacing-2);display:flex;align-items:center;gap:2px}.navbar__menu-icon{display:block;width:18px;height:18px}.navbar__link--menu .navbar__dropdown-icon{display:block;width:14px;height:14px}.navbar__link--download{padding:var(--spacing-2);background:0 0}.navbar__link--download:hover{background:var(--color-primary-alpha)}.navbar__link--download .navbar__download-icon{display:block;width:16px;height:16px}.navbar__link--download .navbar__dropdown-icon{display:block;width:14px;height:14px}.navbar__item--dropdown{position:relative}.navbar__link--dropdown{display:flex;align-items:center;gap:2px;background:0 0;border:none;cursor:pointer}.navbar__dropdown-icon{width:14px;height:14px;transition:transform var(--transition-fast)}.navbar__item--dropdown.is-open .navbar__dropdown-icon{transform:rotate(180deg)}@media (hover:hover) and (pointer:fine){.navbar__item--dropdown:hover .navbar__dropdown-icon{transform:rotate(180deg)}}.navbar__dropdown{position:absolute;top:100%;left:0;transform:translateY(10px);min-width:260px;max-width:calc(100vw - 32px);padding:var(--spacing-3);background:var(--color-white);border:2px solid var(--color-text);border-radius:var(--radius-xl);box-shadow:4px 4px 0 #000;opacity:0;visibility:hidden;pointer-events:none;transition:all var(--transition-fast) var(--ease-bounce);z-index:var(--z-dropdown)}.navbar__dropdown--home{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2)}.navbar__dropdown--download{left:auto;right:0}.navbar__item--dropdown.is-hover .navbar__dropdown,.navbar__item--dropdown.is-hover .navbar__dropdown--download,.navbar__item--dropdown.is-hover .navbar__dropdown--home,.navbar__item--dropdown.is-open .navbar__dropdown,.navbar__item--dropdown.is-open .navbar__dropdown--download,.navbar__item--dropdown.is-open .navbar__dropdown--home{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.navbar__item--dropdown.is-hover .navbar__dropdown,.navbar__item--dropdown.is-hover .navbar__dropdown--download,.navbar__item--dropdown.is-hover .navbar__dropdown--home,.navbar__item--dropdown.is-open .navbar__dropdown,.navbar__item--dropdown.is-open .navbar__dropdown--download,.navbar__item--dropdown.is-open .navbar__dropdown--home{transform:translateY(0)!important}.navbar__dropdown-section{padding:var(--spacing-1) 0}.navbar__dropdown-section+.navbar__dropdown-section{border-top:2px dashed var(--color-border);margin-top:var(--spacing-2);padding-top:var(--spacing-3)}.navbar__dropdown--home .navbar__dropdown-section{padding:var(--spacing-1) 0}.navbar__dropdown--home .navbar__dropdown-section+.navbar__dropdown-section{border-top:none;margin-top:0;padding-top:var(--spacing-1)}.navbar__dropdown-title{display:block;padding:var(--spacing-1) var(--spacing-2);font-size:10px;font-weight:var(--font-weight-extrabold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--color-text-muted)}.navbar__dropdown-link{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3);text-decoration:none;border-radius:var(--radius-lg);transition:all var(--transition-fast) var(--ease-bounce)}.navbar__dropdown-link:hover{background:var(--color-background);transform:translateX(4px)}.navbar__dropdown-link--compact{padding:var(--spacing-1) var(--spacing-2)}.navbar__dropdown-link-icon{font-size:var(--font-size-xl);line-height:1}.navbar__dropdown-link div{display:flex;flex-direction:column;gap:var(--spacing-0-5)}.navbar__dropdown-link strong{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text)}.navbar__dropdown-link--compact strong{font-size:var(--font-size-xs)}.navbar__dropdown-link span{font-size:var(--font-size-xs);color:var(--color-text-secondary)}@media (prefers-reduced-motion:reduce){.navbar__item--dropdown.is-hover .navbar__dropdown,.navbar__item--dropdown.is-open .navbar__dropdown{transform:none}}.navbar__btn--contact{display:none;padding:var(--spacing-2) var(--spacing-4);color:var(--color-text);background:0 0;border:2px solid var(--color-border);text-decoration:none}.navbar__btn--contact:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-alpha);transform:translateY(-2px)}@media (min-width:768px){.navbar__btn--contact{display:inline-flex}}.navbar__btn--login{display:none;padding:var(--spacing-2) var(--spacing-4);color:var(--color-text);background:0 0;border:2px solid var(--color-border)}.navbar__btn--login:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-alpha);transform:translateY(-2px)}@media (min-width:768px){.navbar__btn--login{display:inline-flex}}.navbar__user-dropdown{position:relative;display:none}.navbar__user-toggle{position:relative;display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:0 0;border:none;border-radius:var(--radius-full);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);transition:all var(--transition-fast) var(--ease-bounce)}.navbar__user-toggle:hover{opacity:1;background:0 0}.navbar__user-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-white);border:2px solid var(--color-text);box-sizing:border-box}.navbar__user-avatar svg{width:16px;height:16px}#navbarUserInitial{font-size:14px;font-weight:700}.navbar__user-info-wrapper{display:flex;align-items:center}.navbar__user-info{display:flex;flex-direction:row;align-items:center;gap:4px;white-space:nowrap}.navbar__username{white-space:nowrap;color:var(--color-primary);font-weight:var(--font-weight-semibold);line-height:1.2}.navbar__user-info--name{display:flex}.navbar__user-info--points{display:none}.navbar__user-info-wrapper.show-points .navbar__user-info--name{display:none}.navbar__user-info-wrapper.show-points .navbar__user-info--points{display:flex;white-space:nowrap}.navbar__points-value{position:relative;font-weight:var(--font-weight-bold);color:var(--color-text);font-size:13px;transition:all .3s ease}.navbar__points-label{font-weight:var(--font-weight-medium);color:var(--color-text-muted);font-size:11px}.navbar__points-deducted{position:absolute;top:-10px;right:0;margin-left:4px;font-size:11px;font-weight:900;font-family:GmarketSans,sans-serif;color:#f44;opacity:0;pointer-events:none;white-space:nowrap;z-index:200;transition:opacity .3s ease,transform .3s ease}.navbar__points-deducted.show{opacity:1;transform:scale(1.05);animation:deductedPop .4s ease-out}@keyframes deductedPop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.15)}100%{transform:scale(1.05);opacity:1}}.navbar__points-value.counting{animation:countingRoll .5s ease-out}@keyframes countingRoll{0%{transform:translateY(-10px);opacity:.5}100%{transform:translateY(0);opacity:1}}.navbar__user-info--points.warning .navbar__points-value{color:#ff9800}.navbar__user-info--points.exceeded .navbar__points-value{color:#ff3b3b;animation:shake .5s ease-in-out}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.navbar__user-menu{position:absolute;top:100%;right:0;min-width:220px;padding:var(--spacing-2);background:var(--color-white);border:3px solid var(--color-text);border-radius:var(--radius-xl);box-shadow:6px 6px 0 #000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast) var(--ease-bounce);z-index:var(--z-dropdown)}.navbar__user-menu.is-open{opacity:1;visibility:visible;transform:translateY(0)}.navbar__user-menu-header{display:flex;flex-direction:column;padding:var(--spacing-3);gap:var(--spacing-1)}.navbar__user-menu-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text)}.navbar__user-menu-email{font-size:var(--font-size-xs);color:var(--color-text-muted)}.navbar__user-menu-divider{height:2px;background:var(--color-border);margin:var(--spacing-2) 0}.navbar__user-menu-item{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);text-decoration:none;background:0 0;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left}.navbar__user-menu-item:hover{background:var(--color-background);transform:translateX(4px)}.navbar__user-menu-item svg{flex-shrink:0;color:var(--color-text-muted)}.navbar__user-menu-item--danger{color:var(--color-error,#dc2626)}.navbar__user-menu-item--danger:hover{background:#fef2f2}.navbar__user-menu-item--danger svg{color:var(--color-error,#dc2626)}.navbar__btn--cta{width:40px;height:40px;padding:0;color:var(--color-white);background:var(--color-primary);border:3px solid var(--color-text);box-shadow:4px 4px 0 #000}.navbar__btn--cta:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000}.navbar__btn--cta:active{transform:translate(1px,1px);box-shadow:2px 2px 0 #000}.navbar__btn--cta .navbar__cta-text{display:none}.navbar__btn--cta .navbar__cta-icon{display:block;stroke:var(--color-white)}@media (min-width:1024px){.navbar__btn--cta{width:auto;height:auto;padding:var(--spacing-2) var(--spacing-5);gap:var(--spacing-2)}.navbar__btn--cta .navbar__cta-text{display:inline}.navbar__btn--cta .navbar__cta-icon{display:none}}@media (min-width:768px){.navbar__container{padding:0 24px}.navbar__logo-image{height:32px}.navbar__logo-text{font-size:16px}.navbar__nav{gap:var(--spacing-2)}.navbar__menu{gap:var(--spacing-2)}.navbar__item--mobile-only-strict{display:none!important}.navbar__item--tablet-up{display:flex}.navbar__link--dropdown{gap:var(--spacing-1)}.navbar__dropdown-icon{width:16px;height:16px}.navbar__dropdown{border-width:3px;border-radius:var(--radius-2xl);box-shadow:6px 6px 0 #000}.navbar__actions{gap:var(--spacing-3)}.navbar__btn--login{display:inline-flex;padding:var(--spacing-2) var(--spacing-5);color:var(--color-text);background:0 0;border:2px solid transparent}.navbar__btn--login:hover{color:var(--color-primary);background:var(--color-primary-alpha)}.navbar__btn--contact{display:inline-flex;padding:var(--spacing-2) var(--spacing-5);color:var(--color-text);background:0 0;border:2px solid transparent}.navbar__btn--contact:hover{color:var(--color-secondary);background:var(--color-secondary-alpha)}}@media (min-width:768px) and (max-width:1059px){.navbar__item--tablet-only{display:flex!important}}@media (min-width:1024px){.navbar__container{padding:0 var(--spacing-8)}.navbar__logo-image{height:42px}.navbar__logo-text{font-size:var(--font-size-xl);-webkit-text-stroke:2px var(--color-text);text-shadow:4px 4px 0 var(--color-text)}.navbar__nav{gap:var(--spacing-8);margin-left:var(--spacing-6)}.navbar__dropdown{left:50%;transform:translateX(-50%) translateY(10px);min-width:280px;max-width:none;padding:var(--spacing-4);box-shadow:8px 8px 0 #000}.navbar__dropdown--home{min-width:280px;max-width:320px;left:0;transform:translateX(0) translateY(10px)}.navbar__dropdown--download{min-width:240px;left:50%;right:auto;transform:translateX(-50%) translateY(10px)}.navbar__item--dropdown.is-hover .navbar__dropdown,.navbar__item--dropdown.is-hover .navbar__dropdown--download,.navbar__item--dropdown.is-open .navbar__dropdown,.navbar__item--dropdown.is-open .navbar__dropdown--download{transform:translateX(-50%) translateY(0)!important}.navbar__item--dropdown.is-hover .navbar__dropdown--home,.navbar__item--dropdown.is-open .navbar__dropdown--home{transform:translateX(0) translateY(0)!important}.navbar__dropdown-section{padding:var(--spacing-2) 0}.navbar__dropdown-section+.navbar__dropdown-section{padding-top:var(--spacing-4)}.navbar__dropdown-title{font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-3)}.navbar__dropdown-link--compact{padding:var(--spacing-2) var(--spacing-3)}.navbar__dropdown-link strong{font-size:var(--font-size-sm)}.navbar__btn--cta{width:auto;height:auto;padding:var(--spacing-2) var(--spacing-5)}.navbar__btn--cta .navbar__cta-text{display:inline}.navbar__btn--cta .navbar__cta-icon{display:none}}@media (min-width:1060px){.navbar__item--desktop-tablet{display:flex}.navbar__item--desktop-only{display:flex}}@media (prefers-reduced-motion:reduce) and (min-width:1024px){.navbar__item--dropdown.is-hover .navbar__dropdown,.navbar__item--dropdown.is-open .navbar__dropdown{transform:translateX(-50%)}.navbar__item--dropdown.is-hover .navbar__dropdown--home,.navbar__item--dropdown.is-open .navbar__dropdown--home{transform:translateX(0)}}