@keyframes brandGlow{0%,to{text-shadow:0 0 8px var(--theme-text-muted, #94a3b8)}50%{text-shadow:0 0 16px var(--theme-primary, #f472b6),0 0 24px var(--theme-primary, #f472b6)}}.brand-glow{animation:brandGlow 3s ease-in-out infinite}@keyframes ctaHover{to{transform:translateY(-2px)}}.cta-button{transition:all .2s ease;position:relative;overflow:hidden}.cta-button:hover{animation:ctaHover .2s ease forwards;box-shadow:0 8px 25px -8px var(--theme-primary, #f472b6)}.cta-button:hover .cta-icon{transform:translateY(-2px)}.cta-icon{transition:transform .2s ease}@keyframes slideInMobile{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutMobile{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.mobile-menu-enter{animation:slideInMobile .3s ease-out}.mobile-menu-exit{animation:slideOutMobile .3s ease-in}@keyframes heroDropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hero-dropdown-enter{animation:heroDropdownFade .2s ease-out}.hero-item{transition:all .15s ease}.hero-item:hover{transform:translate(4px);background:var(--theme-surface-elevated, #374151)}.hero-portrait{transition:all .15s ease;border-radius:50%;overflow:hidden}.hero-portrait:hover{transform:scale(1.1)}.hero-portrait.tank{border:2px solid #3b82f6}.hero-portrait.damage{border:2px solid #ef4444}.hero-portrait.support{border:2px solid #10b981}@keyframes pulseNotification{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.notification-badge{animation:pulseNotification 2s ease-in-out infinite}.notification-icon{transition:all .2s ease}.notification-icon:hover{color:var(--theme-primary, #f472b6);transform:scale(1.1)}.tooltip{position:relative;display:inline-block}.tooltip:before{content:attr(data-tooltip);position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(8px);background:var(--theme-surface-elevated, #374151);color:var(--theme-text-primary, #f8fafc);padding:8px 12px;border-radius:6px;font-size:.875rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:999999;box-shadow:0 4px 12px rgba(0,0,0,.15)}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(2px);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--theme-surface-elevated, #374151);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:999999}.tooltip:hover:before,.tooltip:hover:after{opacity:1}.tooltip-top:before{bottom:100%;top:auto;transform:translate(-50%) translateY(-8px)}.tooltip-top:after{bottom:100%;top:auto;transform:translate(-50%) translateY(-2px);border-top:6px solid var(--theme-surface-elevated, #374151);border-bottom:none}.tooltip-bottom:before{top:100%;bottom:auto;transform:translate(-50%) translateY(8px)}.tooltip-bottom:after{top:100%;bottom:auto;transform:translate(-50%) translateY(2px);border-bottom:6px solid var(--theme-surface-elevated, #374151);border-top:none}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--theme-primary, #f472b6);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:#fff;transition:all .2s ease}.user-avatar:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(244,114,182,.3)}.user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.focus-visible-ring:focus-visible{outline:2px solid var(--theme-primary, #f472b6);outline-offset:2px}.navbar-item-no-wrap{display:inline-flex!important;align-items:center;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap!important}.navbar-item-no-wrap>*{flex-shrink:0;display:inline-block;vertical-align:middle}.navbar-item-no-wrap svg,.navbar-item-no-wrap .w-3{width:.75rem!important;height:.75rem!important;min-width:.75rem!important;display:inline-block!important;vertical-align:middle}.navbar-item-no-wrap span{display:inline-block!important;white-space:nowrap!important}@media (max-width: 768px){.brand-glow{animation-duration:4s}.mobile-menu-enter{animation-duration:.25s}}@media (min-width: 768px){.desktop-nav-container{display:flex;align-items:center;flex-wrap:nowrap;min-width:0;position:relative;overflow:visible!important}.desktop-nav-compact{gap:.25rem}@media (max-width: 1280px){.navbar-item-no-wrap{padding-left:.5rem!important;padding-right:.5rem!important}.navbar-item-no-wrap span.hidden.lg\\:inline{display:none!important}.cta-button{padding-left:.75rem!important;padding-right:.75rem!important}}@media (max-width: 1024px){.desktop-nav-compact{gap:.125rem}.nav-priority-2{display:none!important}.navbar-item-no-wrap{padding-left:.375rem!important;padding-right:.375rem!important;font-size:.875rem!important}}@media (max-width: 900px){.nav-priority-3{display:none!important}}}@media (min-width: 768px){.desktop-nav-container,.desktop-nav-container>*{flex-wrap:nowrap!important}}.nav-priority-1{display:flex!important;visibility:visible!important}@media (min-width: 768px) and (max-width: 1024px){.navbar-item-no-wrap span:not(.sr-only){display:none!important}.cta-button span{display:inline!important}.navbar-item-no-wrap svg,.navbar-item-no-wrap .w-3,.navbar-item-no-wrap .h-3{display:inline-block!important;width:1rem!important;height:1rem!important;min-width:1rem!important}}nav{position:relative;z-index:50;overflow:visible!important}nav>*{overflow:visible!important}.tooltip:before,.tooltip:after{z-index:999999!important}[role=menu],.hero-dropdown-enter{z-index:999999!important;position:absolute!important}.container{overflow:visible!important}@media (min-width: 768px){nav .container{overflow:visible!important}}@media (prefers-reduced-motion: reduce){.brand-glow,.notification-badge,.hero-item,.hero-portrait,.cta-button,.notification-icon{animation:none!important;transition:none!important}}