.rs-header {
 position:fixed;
 top:0;
 left:0;
 right:0;
 height:80px;
 background:rgba(10, 10, 15, 0.95);
 backdrop-filter:blur(10px);
 -webkit-backdrop-filter:blur(10px);
 display:flex;
 justify-content:space-between;
 align-items:center;
 padding:0 30px;
 z-index:10000;
 box-shadow:0 2px 20px rgba(0, 0, 0, 0.5);
}


.rs-logo img {
 height:50px;
 width:auto;
}


.rs-menu-btn {
 width:50px;
 height:50px;
 background:transparent;
 border:none;
 cursor:pointer;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center;
 gap:6px;
 position:relative;
 z-index:10002;
 padding:0;
}

.rs-menu-btn span {
 width:30px;
 height:3px;
 background:#4facfe;
 transition:all 0.3s ease;
 border-radius:3px;
}

.rs-menu-btn:hover span {
 background:#00f2fe;
}


.rs-menu-btn.active span:nth-child(1) {
 transform:rotate(45deg) translate(8px, 8px);
}

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

.rs-menu-btn.active span:nth-child(3) {
 transform:rotate(-45deg) translate(8px, -8px);
}


.rs-menu {
 position:fixed;
 top:0;
 right:-400px;
 width:400px;
 height:100vh;
 background:rgba(10, 10, 15, 0.98);
 transition:right 0.3s ease;
 z-index:10001;
 overflow-y:auto;
 box-shadow:-5px 0 20px rgba(0, 0, 0, 0.5);
}

.rs-menu.active {
 right:0;
}


.rs-menu-list {
 list-style:none;
 padding:100px 0 50px;
 margin:0;
}

.rs-menu-list > li {
 border-bottom:1px solid rgba(255, 255, 255, 0.1);
}

.rs-menu-list a {
 display:flex;
 justify-content:space-between;
 align-items:center;
 padding:20px 30px;
 color:white;
 text-decoration:none;
 font-size:16px;
 transition:all 0.3s ease;
}

.rs-menu-list a:hover {
 background:rgba(79, 172, 254, 0.1);
 padding-left:40px;
}


.rs-submenu {
 list-style:none;
 padding:0;
 margin:0;
 max-height:0;
 overflow:hidden;
 transition:max-height 0.3s ease;
 background:rgba(0, 0, 0, 0.3);
}

.rs-submenu.active {
 max-height:400px;
}

.rs-submenu li {
 border-bottom:1px solid rgba(255, 255, 255, 0.05);
}

.rs-submenu a {
 padding-left:60px;
 font-size:14px;
 color:rgba(255, 255, 255, 0.8);
}

.rs-submenu a:hover {
 color:white;
 background:rgba(79, 172, 254, 0.2);
}


.rs-disabled {
 opacity:0.5;
 cursor:not-allowed !important;
 pointer-events:none;
}


.rs-arrow {
 font-size:12px;
 transition:transform 0.3s ease;
}

.rs-arrow.rotate {
 transform:rotate(180deg);
}


.rs-overlay {
 position:fixed;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background:rgba(0, 0, 0, 0.7);
 display:none;
 z-index:10000;
}

.rs-overlay.active {
 display:block;
}


body {
 margin-top:80px;
}


@media (max-width:768px) {
 .rs-header {
 padding:0 20px;
 height:70px;
 }
 
 .rs-logo img {
 height:40px;
 }
 
 .rs-menu-btn {
 width:45px;
 height:45px;
 }
 
 .rs-menu-btn span {
 width:25px;
 height:2px;
 }
 
 .rs-menu {
 width:80%;
 max-width:350px;
 }
 
 .rs-menu-list {
 padding-top:80px;
 }
 
 .rs-menu-list a {
 padding:15px 20px;
 font-size:15px;
 }
 
 .rs-submenu a {
 padding-left:40px;
 font-size:13px;
 }
 
 body {
 margin-top:70px;
 }
}

@media (max-width:480px) {
 .rs-header {
 padding:0 15px;
 height:60px;
 }
 
 .rs-logo img {
 height:35px;
 }
 
 .rs-menu-btn {
 width:40px;
 height:40px;
 gap:5px;
 }
 
 .rs-menu-btn span {
 width:22px;
 }
 
 body {
 margin-top:60px;
 }
}


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

.rs-header {
 animation:fadeIn 0.5s ease-out;
}