.navbar{display:flex;justify-content:space-between;align-items:center;background-color:var(--dark-color);color:var(--light-color);padding:1rem 2rem;position:relative}.logo{font-size:1.5rem;font-weight:bold;color:var(--accent-color)}.logo span{color:var(--warning-color)}.nav-links{z-index:100;display:flex;list-style:none}.nav-links li{margin-left:1.5rem}.nav-links a{color:var(--light-color);text-decoration:none;font-weight:500;transition:color 0.3s}.nav-links a:hover{color:var(--accent-color)}.support-btn{background-color:var(--success-color);color:var(--dark-color);border:none;padding:0.5rem 1rem;border-radius:5px;font-weight:bold;cursor:pointer;transition:all 0.3s;text-decoration:none}.support-btn:hover{background-color:var(--warning-color);transform:translateY(-2px)}.hamburger{display:none;cursor:pointer}.hamburger div{width:25px;height:3px;background-color:var(--light-color);margin:5px;transition:all 0.3s ease}@media screen and (max-width:992px){.nav-links{position:absolute;right:0;top:100%;background-color:var(--dark-color);flex-direction:column;width:50%;height:calc(100vh - 70px);align-items:center;justify-content:flex-start;padding-top:2rem;transform:translateX(100%);transition:transform 0.5s ease-in}.nav-links li{margin:1.5rem 0;opacity:0}.hamburger{display:block}.support-btn{margin-right:2rem}}.nav-active{transform:translateX(0%) !important}@keyframes navLinkFade{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0px)}}.toggle .line1{transform:rotate(-45deg) translate(-5px,6px)}.toggle .line2{opacity:0}.toggle .line3{transform:rotate(45deg) translate(-5px,-6px)}