nav{display:flex;justify-content:space-between;align-items:center;height:70px;padding:0 !important;max-width:100%;width:100%;position:relative;overflow:visible;z-index:1000}.nav-links{display:flex;align-items:center;gap:clamp(10px,2vw,25px);list-style:none;margin:0;padding:0;margin-left:auto;margin-right:15px;flex-shrink:1;max-width:calc(100% - 150px);justify-content:flex-end}.nav-links a{color:var(--text-color);text-decoration:none;font-weight:500;font-size:clamp(14px,1vw,16px);transition:color 0.3s;padding:8px 0;white-space:nowrap}.menu-toggle{display:none !important;flex-direction:column;justify-content:space-between;width:30px;height:22px;cursor:pointer;z-index:1500;position:relative;margin-left:20px;margin-right:10px;flex-shrink:0}.menu-toggle span{display:block;width:100%;height:3px;background-color:#ffffff;transition:all 0.3s ease-in-out;border-radius:2px}.menu-toggle.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:1200;opacity:0;transition:opacity 0.3s ease}.mobile-menu-overlay.active{display:block;opacity:1}.logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:24px;color:var(--text-color);text-decoration:none;z-index:1400;position:relative;margin-left:10px}.logo img{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block}.logo-text{font-weight:700;font-size:24px;white-space:nowrap}.logo a{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;transition:opacity 0.2s ease}.logo a:hover{opacity:0.8}header .menu-toggle,nav .menu-toggle,.menu-toggle{width:30px !important;height:22px !important}@media (max-width:1080px){.menu-toggle{display:flex !important;z-index:1500}.nav-links{display:none !important}.nav-links.mobile-active{display:flex !important;flex-direction:column;position:fixed;top:0;left:0;right:0;height:100vh;width:100vw;max-width:none !important;background-color:rgba(15,15,20,0.98);padding:100px 0 40px;margin:0 !important;gap:20px;align-items:center;justify-content:center;z-index:1300;animation:fadeIn 0.3s ease-in-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow-y:auto;box-sizing:border-box}.mobile-menu-overlay.active{display:block;z-index:1000}.nav-links.mobile-active li{opacity:0;transform:translateY(20px);animation:fadeInUp 0.5s forwards;animation-delay:calc(var(--item-index) * 0.1s);margin-bottom:10px;width:100%;max-width:300px;text-align:center}.nav-links.mobile-active a{font-size:clamp(22px,5vw,28px);padding:10px 0;display:block;width:100%;text-align:center;letter-spacing:1.2px;transition:color 0.3s,transform 0.2s;position:relative;font-weight:600}.nav-links.mobile-active a:after{content:'';position:absolute;width:0;height:2px;bottom:0;left:50%;background-color:var(--accent-color,#6d56c1);transition:all 0.3s ease}.nav-links.mobile-active a:hover:after{width:80%;left:10%}.nav-links.mobile-active li:nth-child(1){--item-index:1}.nav-links.mobile-active li:nth-child(2){--item-index:2}.nav-links.mobile-active li:nth-child(3){--item-index:3}.nav-links.mobile-active li:nth-child(4){--item-index:4}.nav-links.mobile-active li:nth-child(5){--item-index:5}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:481px) and (max-width:1080px){.nav-links.mobile-active{padding-top:50px !important;justify-content:flex-start}}@media (max-width:480px){.nav-links.mobile-active{width:100vw;padding:70px 0 20px;margin:0 !important;left:0;right:0}.nav-links.mobile-active a{font-size:clamp(20px,6vw,24px);padding:8px 0}.menu-toggle{margin:0 10px !important}}