/* Navigation Styles */
.navigation {position: fixed; top: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.25); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); z-index: 1000;}
.nav-container {display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; padding: 1rem 2rem;}
.logo {display: flex; align-items: center;}
.logo a {text-decoration: none; display: flex; align-items: center;}
.logo img {filter: brightness(0) invert(1); height: 32px;}
.nav-menu {display: flex; gap: 2rem;}
.nav-menu a {text-decoration: none; color: white; font-weight: 500; transition: color 0.3s ease;}
.nav-menu a:hover {color: rgba(255, 255, 255, 0.7);}
.mobile-toggle {display: none; flex-direction: column; background: none; border: none; cursor: pointer; padding: 0.5rem;}
.mobile-toggle span {width: 24px; height: 3px; background-color: white; margin: 3px 0; transition: all 0.3s ease; transform-origin: center;}
.mobile-toggle.active span:nth-child(1) {transform: rotate(45deg) translate(6px, 6px);}
.mobile-toggle.active span:nth-child(2) {opacity: 0;}
.mobile-toggle.active span:nth-child(3) {transform: rotate(-45deg) translate(6px, -6px);}

/* Mobile Menu */
.mobile-menu {display: none; position: fixed; top: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.1); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); transform: translateY(-100%); transition: transform 0.3s ease; z-index: 998; padding-top: 80px;}
.mobile-menu.active {transform: translateY(0);}
.mobile-menu-items {display: flex; flex-direction: column; padding: 2rem;}
.mobile-menu-items a {text-decoration: none; color: white; font-weight: 500; padding: 1rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); transition: color 0.3s ease;}
.mobile-menu-items a:hover {color: rgba(255, 255, 255, 0.7);}
.mobile-menu-items a:last-child {border-bottom: none;}

/* Responsive Navigation */
@media (max-width: 768px) {
    .nav-menu {display: none;}
    .mobile-toggle {display: flex;}
    .mobile-menu {display: block;}
}