#navbar{background-color:rgba(0,0,0,0.3) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.15) !important;box-shadow:0 2px 8px rgba(0,0,0,0.15) !important;border-bottom:1px solid rgba(255,255,255,0.05) !important}#navbar.scrolled{background-color:#002b5b !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;-webkit-box-shadow:0 4px 16px rgba(0,0,0,0.3) !important;box-shadow:0 4px 16px rgba(0,0,0,0.3) !important;border-bottom:1px solid rgba(29,185,84,0.2) !important}#navbar{transition:all .4s cubic-bezier(0.25,0.46,0.45,0.94) !important}#navbar .text-white\/95,#navbar .text-white\/80,#navbar a{transition:color .3s ease !important}#navbar .text-white\/95:hover,#navbar .text-white\/80:hover{color:#1db954 !important}#navbar .bg-\[\#1DB954\]{transition:all .3s ease !important}#navbar .bg-\[\#1DB954\]:hover{background-color:#15a347 !important;transform:translateY(-2px) !important}#mobile-menu{background-color:#002b5b !important;border-top-color:rgba(29,185,84,0.2) !important}#mobile-menu{transition:all .3s ease !important}

/* Desktop and base */
.navbar-logo-img{max-height:58px;height:auto;width:auto;object-fit:contain;display:block}

/* Tablet */
@media (max-width:1024px){
.navbar-logo-img{max-height:48px}
}

/* Mobile */
@media (max-width:768px){
.navbar-logo-img{max-height:42px}
}

/* Small phones */
@media (max-width:480px){
.navbar-logo-img{max-height:38px}
}