.mobile-nav{height:80px;padding:20px 20px 20px 0;background-color:#99BD98;position:relative}.mobile-nav,.nav-container{width:100%;display:flex;justify-content:space-between;align-items:center}.logo{width:auto;height:auto;cursor:pointer}.desktop-nav{display:flex;align-items:center;width:100%;justify-content:space-between}.navigations{flex:1;display:flex;justify-content:center}.navigations ul{list-style:none;width:auto;display:flex;gap:20px;margin:0;padding:0}.navigations ul li a{text-decoration:none;font-size:medium;font-weight:600;color:rgb(255,255,255);transition:all .8s}.navigations ul li a:hover{color:#0b0c0b}.CTA{display:flex;justify-content:end;width:20%;gap:15px}.CTA button{padding:0 20px;height:30px;border:none;background:#ffffff;border-radius:5px;font-size:medium;font-weight:600;cursor:pointer;filter:drop-shadow(black 1px 1px 1px);transition:all .4s ease}.CTA button:hover{color:white;background-color:#96b79d}.icon_hold{width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#ffffff;transition:all .2s;cursor:pointer}.icon_hold:hover{cursor:pointer;color:#99BD98;background:#b9cdb9}.mobile-menu-toggle{display:none;cursor:pointer;z-index:1001}.hamburger{width:30px;height:24px;position:relative}.hamburger,.hamburger span{transform:rotate(0deg);transition:.3s ease-in-out}.hamburger span{display:block;position:absolute;height:3px;width:100%;background:white;border-radius:2px;opacity:1;left:0}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:10px}.hamburger span:nth-child(3){top:20px}.hamburger.active span:first-child{top:10px;transform:rotate(135deg)}.hamburger.active span:nth-child(2){opacity:0;left:-60px}.hamburger.active span:nth-child(3){top:10px;transform:rotate(-135deg)}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.5);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:all .3s ease;z-index:999}.mobile-menu.active{opacity:1;visibility:visible}.mobile-menu-overlay{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.mobile-menu-content{position:absolute;top:0;right:0;width:320px;height:100%;background:linear-gradient(135deg,#99BD98,#7da87c);transform:translateX(100%);transition:transform .3s ease;overflow-y:auto;box-shadow:-5px 0 20px rgba(0,0,0,.2)}.mobile-menu.active .mobile-menu-content{transform:translateX(0)}.mobile-menu-header{justify-content:space-between;padding:20px;border-bottom:1px solid rgba(255,255,255,.2)}.mobile-logo,.mobile-menu-header{display:flex;align-items:center}.close-btn{background:rgba(255,255,255,.2);border:none;width:40px;height:40px;border-radius:50%;color:white;font-size:18px;cursor:pointer;transition:all .3s ease}.close-btn:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.mobile-nav-links{list-style:none;padding:20px 0;margin:0}.mobile-nav-links li{margin:0}.mobile-nav-links li a{display:flex;align-items:center;gap:15px;padding:15px 20px;color:white;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease;border-left:4px solid transparent}.mobile-nav-links li a:hover{background:rgba(255,255,255,.1);border-left-color:white;padding-left:25px}.mobile-nav-links li a i{font-size:18px;width:20px}.mobile-cta{padding:20px;border-top:1px solid rgba(255,255,255,.2);margin-top:auto}.mobile-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.action-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background:rgba(255,255,255,.2);border:none;border-radius:8px;color:white;font-weight:600;cursor:pointer;transition:all .3s ease}.action-btn:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.auth-btn{width:100%;padding:15px;border:none;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease}.signin-btn{background:white;color:#99BD98}.signin-btn:hover{background:#f0f0f0;transform:translateY(-2px)}.profile-btn{background:rgba(255,255,255,.2);color:white;display:flex;align-items:center;justify-content:center;gap:10px}.profile-btn:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.admin-section{display:flex;align-items:center;gap:10px}.admin-btn{padding:8px 16px;background:#ffffff;color:#99BD98;border:none;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-btn:hover{background:#f0f8f0;transform:translateY(-1px)}.admin-mobile-section{display:flex;flex-direction:column;gap:10px;margin-top:10px}.admin-mobile-section .admin-btn{background:linear-gradient(135deg,#99BD98,#7da87c);color:white;padding:12px 20px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.admin-mobile-section .admin-btn:hover{background:linear-gradient(135deg,#7da87c,#99BD98);transform:translateY(-2px)}.logout-btn{background:#dc3545!important;color:white!important;padding:10px 20px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.logout-btn:hover{background:#c82333!important;transform:translateY(-2px)}@media (max-width:1024px){.desktop-nav{display:none}.mobile-menu-toggle{display:block}}@media (max-width:768px){.nav-container{padding:10px 15px;height:70px}.logo{transform:scale(.9)}.mobile-menu-content{width:280px}}@media (max-width:480px){.nav-container{padding:8px 12px;height:65px}.logo{transform:scale(.8)}.mobile-menu-content{width:100%}}html{scroll-behavior:smooth}body{padding-top:80px}@media (max-width:768px){body{padding-top:70px}}@media (max-width:480px){body{padding-top:65px}}