.unified-header {
 position:fixed;
 top:0;
 left:0;
 right:0;
 height:80px;
 background:linear-gradient(to bottom, rgba(10, 10, 15, 0.98), rgba(10, 10, 15, 0.95));
 backdrop-filter:blur(20px);
 -webkit-backdrop-filter:blur(20px);
 border-bottom:1px solid rgba(79, 172, 254, 0.3);
 z-index:10000;
 transition:all 0.3s ease;
 box-shadow:0 2px 20px rgba(0, 0, 0, 0.3);
}


.unified-header.scrolled {
 background:rgba(10, 10, 15, 0.99);
 box-shadow:0 5px 30px rgba(0, 0, 0, 0.6);
}

.header-container {
 width:100%;
 max-width:100%;
 margin:0 auto;
 height:100%;
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding:0 40px;
}


@media (min-width:1920px) {
 .header-container {
 padding:0 60px;
 }
}

@media (min-width:2560px) {
 .header-container {
 padding:0 80px;
 }
}


.unified-header .logo {
 flex-shrink:0;
 display:flex;
 align-items:center;
}

.unified-header .logo a {
 display:block;
 text-decoration:none;
}

.unified-header .logo img {
 height:55px;
 width:auto;
 transition:all 0.3s ease;
 filter:drop-shadow(0 0 10px rgba(79, 172, 254, 0.3));
}

.unified-header .logo:hover img {
 transform:scale(1.05);
 filter:drop-shadow(0 0 15px rgba(79, 172, 254, 0.5));
}


.pc-nav {
 display:none !important;
}

.pc-nav::-webkit-scrollbar {
 display:none;
}

.nav-list {
 list-style:none;
 display:flex;
 align-items:center;
 gap:0;
 margin:0;
 padding:0;
}

.nav-item {
 position:relative;
}

.nav-link {
 display:flex;
 align-items:center;
 padding:0 20px;
 height:80px;
 color:rgba(255, 255, 255, 0.9);
 text-decoration:none;
 transition:all 0.3s ease;
 font-size:14px;
 font-weight:500;
 position:relative;
 white-space:nowrap;
}


@media (min-width:1440px) {
 .nav-link {
 font-size:15px;
 padding:0 25px;
 }
}

@media (min-width:1920px) {
 .nav-link {
 font-size:16px;
 padding:0 30px;
 }
}


.nav-link::before {
 content:'';
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background:linear-gradient(to bottom, transparent, rgba(79, 172, 254, 0.1));
 opacity:0;
 transition:opacity 0.3s ease;
}

.nav-link:hover::before {
 opacity:1;
}

.nav-link:hover {
 color:#4facfe;
 transform:translateY(-2px);
}


.nav-item.active .nav-link {
 color:#4facfe;
}

.nav-item.active > .nav-link::after {
 content:'';
 position:absolute;
 bottom:0;
 left:20px;
 right:20px;
 height:3px;
 background:linear-gradient(90deg, #4facfe, #00f2fe);
 border-radius:3px 3px 0 0;
 box-shadow:0 0 10px rgba(79, 172, 254, 0.5);
}


.nav-link.has-dropdown {
 padding-right:35px;
}

.nav-link.has-dropdown::after {
 content:'▼';
 position:absolute;
 right:15px;
 font-size:10px;
 transition:transform 0.3s ease;
}

.nav-item:hover .nav-link.has-dropdown::after {
 transform:rotate(180deg);
}


.sub-menu {
 position:absolute;
 top:100%;
 left:50%;
 transform:translateX(-50%);
 background:rgba(20, 20, 30, 0.98);
 backdrop-filter:blur(20px);
 border:1px solid rgba(79, 172, 254, 0.3);
 border-radius:10px;
 min-width:240px;
 opacity:0;
 visibility:hidden;
 transform:translateX(-50%) translateY(-10px);
 transition:all 0.3s ease;
 box-shadow:0 10px 40px rgba(0, 0, 0, 0.6);
 list-style:none;
 padding:10px 0;
 margin:0;
 z-index:10001;
}

.nav-item:hover .sub-menu {
 opacity:1;
 visibility:visible;
 transform:translateX(-50%) translateY(0);
}

.sub-menu-item {
 list-style:none;
}

.sub-menu-link {
 display:block;
 padding:12px 25px;
 color:rgba(255, 255, 255, 0.8);
 text-decoration:none;
 transition:all 0.3s ease;
 font-size:14px;
}

.sub-menu-link:hover {
 color:#4facfe;
 background:rgba(79, 172, 254, 0.1);
 padding-left:30px;
}


.mobile-menu-btn {
 display:block;
 width:50px;
 height:50px;
 background:rgba(79, 172, 254, 0.1);
 border:2px solid rgba(79, 172, 254, 0.5);
 border-radius:50%;
 cursor:pointer;
 position:relative;
 transition:all 0.3s ease;
}

.mobile-menu-btn span {
 position:absolute;
 left:50%;
 transform:translateX(-50%);
 width:22px;
 height:2px;
 background:#4facfe;
 transition:all 0.3s ease;
 border-radius:2px;
}

.mobile-menu-btn span:nth-child(1) {
 top:15px;
}

.mobile-menu-btn span:nth-child(2) {
 top:50%;
 transform:translate(-50%, -50%);
}

.mobile-menu-btn span:nth-child(3) {
 bottom:15px;
}

.mobile-menu-btn:hover {
 background:rgba(79, 172, 254, 0.2);
 border-color:rgba(79, 172, 254, 0.8);
 box-shadow:0 0 25px rgba(79, 172, 254, 0.5);
 transform:scale(1.05);
}

.mobile-menu-btn.active span:nth-child(1) {
 top:50%;
 transform:translate(-50%, -50%) rotate(45deg);
}

.mobile-menu-btn.active span:nth-child(2) {
 opacity:0;
}

.mobile-menu-btn.active span:nth-child(3) {
 bottom:50%;
 transform:translate(-50%, 50%) rotate(-45deg);
}


.mobile-nav {
 position:fixed;
 top:80px;
 right:-100%;
 width:90%;
 max-width:450px;
 height:calc(100vh - 80px);
 background:linear-gradient(to right, rgba(15, 15, 25, 0.98), rgba(15, 15, 25, 0.95));
 backdrop-filter:blur(20px);
 transition:right 0.3s ease;
 overflow-y:auto;
 z-index:9999;
}

.mobile-nav.active {
 right:0;
 box-shadow:-5px 0 30px rgba(0, 0, 0, 0.7);
}

.mobile-nav-list {
 list-style:none;
 padding:20px 0;
 margin:0;
}

.mobile-nav-item {
 border-bottom:1px solid rgba(79, 172, 254, 0.1);
}

.mobile-nav-link {
 display:block;
 padding:20px 30px;
 color:rgba(255, 255, 255, 0.9);
 text-decoration:none;
 font-size:16px;
 transition:all 0.3s ease;
 position:relative;
}


@media (min-width:1024px) {
 .mobile-nav {
 width:400px;
 box-shadow:-10px 0 40px rgba(0, 0, 0, 0.7);
 }
 
 .mobile-nav-link {
 padding:25px 40px;
 font-size:18px;
 }
 
 .mobile-nav-link:hover {
 padding-left:50px;
 }
}

.mobile-nav-link:hover {
 color:#4facfe;
 background:rgba(79, 172, 254, 0.05);
 padding-left:40px;
}


.mobile-nav-link.has-sub::after {
 content:'▼';
 position:absolute;
 right:30px;
 top:50%;
 transform:translateY(-50%);
 font-size:12px;
 transition:transform 0.3s ease;
}

.mobile-nav-link.has-sub.active::after {
 transform:translateY(-50%) rotate(180deg);
}

.mobile-nav-item.active > .mobile-nav-link {
 color:#4facfe;
 background:rgba(79, 172, 254, 0.05);
}


.mobile-sub-menu {
 list-style:none;
 background:rgba(0, 0, 0, 0.3);
 display:none;
 padding:0;
 margin:0;
 overflow:hidden;
 transition:all 0.3s ease;
}

.mobile-sub-menu.active {
 display:block;
}

.mobile-sub-link {
 display:block;
 padding:15px 50px;
 color:rgba(255, 255, 255, 0.7);
 text-decoration:none;
 font-size:14px;
 transition:all 0.3s ease;
}

.mobile-sub-link:hover {
 color:#4facfe;
 padding-left:55px;
}


.overlay {
 position:fixed;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background:rgba(0, 0, 0, 0.7);
 opacity:0;
 visibility:hidden;
 transition:all 0.3s ease;
 z-index:9998;
}

.overlay.active {
 opacity:1;
 visibility:visible;
}


body {
 padding-top:80px;
}

.content-wrapper {
 padding-top:0 !important;
}


#animation-reducer {
 display:none !important;
}


@media (max-width:1023px) {
 .nav-list {
 gap:0;
 }
 
 .nav-link {
 padding:0 20px;
 font-size:14px;
 }
}

@media (max-width:768px) {
 .unified-header {
 height:70px;
 }
 
 .header-container {
 padding:0 20px;
 }
 
 .unified-header .logo img {
 height:45px;
 }
 
 .nav-link {
 height:70px;
 }
 
 .mobile-menu-btn {
 width:45px;
 height:45px;
 }
 
 .mobile-menu-btn span {
 width:20px;
 }
 
 .mobile-nav {
 top:70px;
 height:calc(100vh - 70px);
 }
 
 body {
 padding-top:70px;
 }
}

@media (max-width:480px) {
 .unified-header {
 height:60px;
 }
 
 .header-container {
 padding:0 15px;
 }
 
 .unified-header .logo img {
 height:35px;
 }
 
 .mobile-menu-btn {
 width:40px;
 height:40px;
 }
 
 .mobile-menu-btn span {
 width:18px;
 }
 
 .mobile-menu-btn span:nth-child(1) {
 top:12px;
 }
 
 .mobile-menu-btn span:nth-child(3) {
 bottom:12px;
 }
 
 .mobile-nav {
 top:60px;
 height:calc(100vh - 60px);
 width:85%;
 }
 
 .mobile-nav-link {
 padding:18px 25px;
 font-size:15px;
 }
 
 body {
 padding-top:60px;
 }
}


@keyframes fadeIn {
 from {
 opacity:0;
 transform:translateY(-10px);
 }
 to {
 opacity:1;
 transform:translateY(0);
 }
}


.nav-item.active .nav-link::before {
 content:'';
 position:absolute;
 top:50%;
 left:50%;
 width:100%;
 height:100%;
 transform:translate(-50%, -50%);
 background:radial-gradient(circle, rgba(79, 172, 254, 0.1) 0%, transparent 70%);
 opacity:0;
 animation:pulse 2s ease-in-out infinite;
 pointer-events:none;
}

@keyframes pulse {
 0%, 100% { opacity:0;transform:translate(-50%, -50%) scale(0.8);}
 50% { opacity:1;transform:translate(-50%, -50%) scale(1.2);}
}


.unified-header::after {
 content:'';
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 height:1px;
 background:linear-gradient(90deg, 
 transparent 0%, 
 rgba(79, 172, 254, 0.6) 20%, 
 rgba(79, 172, 254, 0.8) 50%, 
 rgba(79, 172, 254, 0.6) 80%, 
 transparent 100%);
 animation:glow-line 3s ease-in-out infinite;
}

@keyframes glow-line {
 0%, 100% { opacity:0.5;}
 50% { opacity:1;}
}