nav{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364)!important;backdrop-filter:blur(15px);padding:15px 30px;box-shadow:0 5px 20px rgb(0 0 0 / .2);border-bottom:1px solid rgb(255 255 255 / .12);z-index:1000;min-height:70px;display:flex;align-items:center;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.navbar{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;position:relative;width:100%;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.logo{display:flex;align-items:center;gap:12px;font-size:1.9rem;font-weight:800;color:#fff;text-decoration:none;letter-spacing:.5px}.logo i{color:#64ffda;font-size:2.8rem;transition:transform 0.3s ease}.logo:hover i{transform:rotate(15deg)}.nav-links{display:flex;gap:28px;list-style:none}.nav-item{position:relative}.nav-link{color:#ccd6f6;text-decoration:none;font-size:1.15rem;font-weight:500;padding:12px 0;transition:all 0.3s ease;display:flex;align-items:center;gap:6px;position:relative;cursor:pointer}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#64ffda,#3aafa9);border-radius:3px;transition:width 0.3s ease}.nav-link:hover{color:#64ffda}.nav-link:hover::after{width:100%}.nav-link i{font-size:.85rem;transition:transform 0.4s ease}.dropdown:hover .nav-link i{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;background:#16202d;backdrop-filter:blur(20px);border-radius:12px;padding:15px;min-width:220px;opacity:0;visibility:hidden;transform:translateY(15px);transition:all 0.4s ease;z-index:1001;box-shadow:0 10px 35px rgb(0 0 0 / .2);border:1px solid rgb(255 255 255 / .1)}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(8px)}.dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 15px;color:#ccd6f6;text-decoration:none;border-radius:8px;transition:all 0.3s ease}.dropdown-item i{font-size:1rem;width:20px;color:#64ffda}.dropdown-item:hover{background:rgb(100 255 218 / .1);color:#64ffda;transform:translateX(5px)}button.hamburgers{display:none;background:none;border:none;padding:5px;z-index:1001;color:#64ffda;font-size:1.8rem;cursor:pointer}.close-btn{display:none;position:absolute;top:20px;right:20px;font-size:1.8rem;color:#64ffda;background:none;border:none;cursor:pointer;z-index:1002}@media screen and (max-width:1050px){.nav-links{gap:20px}.nav-link{font-size:1.05rem}}@media screen and (max-width:950px){button.hamburgers{display:block;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:75%;max-width:350px;border-radius:30px 0 0 30px;background:rgb(10 25 47 / .98);backdrop-filter:blur(15px);flex-direction:column;padding:100px 30px 30px;transition:right 0.5s cubic-bezier(.77,.2,.05,1);z-index:1000;gap:0;overflow-y:auto}.nav-links.active{right:0}.nav-item{width:100%;border-bottom:1px solid rgb(255 255 255 / .08)}.nav-link{padding:18px 0;font-size:1.2rem;justify-content:space-between}.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;background:#fff0;box-shadow:none;border:none;margin:5px 0 15px 15px;display:none;width:calc(100% - 15px);padding:10px}.dropdown.active .dropdown-menu{display:block;animation:fadeIn 0.4s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}}@media screen and (max-width:480px){nav{padding:15px 20px;min-height:60px}.logo{font-size:1.6rem}.logo i{font-size:1.8rem}.nav-links{width:85%;padding:80px 20px 20px}.hamburgers{font-size:1.6rem;right:15px}.close-btn{top:15px;right:15px;font-size:1.6rem}}