.navbar{background-color:#0c1836e6;box-shadow:0 4px 10px #0000001a;padding:.8rem 2rem;position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .4s ease}.navbar.scrolled{background-color:#0c1836f2;padding:.6rem 2rem}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center}.logo img{transition:transform .3s ease}.logo img:hover{transform:scale(1.05)}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{color:#fff;text-decoration:none;font-weight:600;padding:.5rem 1rem;position:relative;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.nav-links a:not(.book-now):after{content:"";position:absolute;width:0;height:2px;bottom:0;left:50%;background-color:#00d2ff;transition:all .3s ease;transform:translate(-50%)}.nav-links a:hover:after,.nav-links a.active:after{width:70%}.nav-links a:hover,.nav-links a.active{color:#00d2ff}.book-now{background:linear-gradient(135deg,#007bff,#00d2ff);color:#fff!important;padding:.6rem 1.5rem!important;border-radius:30px;font-weight:700!important;box-shadow:0 4px 10px #007bff4d;transition:all .3s ease!important}.book-now:hover{background:linear-gradient(135deg,#0056b3,#00a3cc);transform:translateY(-3px)!important;box-shadow:0 6px 15px #007bff66}.mobile-menu-btn{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;transition:all .3s ease}.mobile-menu-btn:hover{color:#00d2ff}@media (max-width: 768px){.navbar{padding:.5rem 1rem}.nav-container{max-width:100%;margin:0;padding:0;justify-content:flex-start;align-items:center;position:relative;width:100%}.logo{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:1001}.logo img{height:55px!important;width:auto}.mobile-menu-btn{display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer;padding:.5rem;transition:all .3s ease;z-index:1001}.mobile-menu-btn:hover{color:#00d2ff}.nav-links{position:fixed;top:0;left:-280px;width:280px;height:100vh;background-color:#0c1836fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;padding:5rem 1.5rem 2rem;gap:1.2rem;transition:left .3s ease;box-shadow:2px 0 15px #0006;z-index:1000;overflow-y:auto}.nav-links.active{left:0}.nav-links a{width:100%;text-align:left;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:1rem;font-weight:500;transition:all .3s ease}.nav-links a:hover{padding-left:.5rem;color:#00d2ff}.nav-links a:last-child{border-bottom:none}.book-now{margin-top:1rem;width:100%;text-align:center!important;border-radius:25px;padding:.8rem 1rem!important;font-size:.9rem!important}.book-now:hover{padding-left:1rem!important}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.nav-overlay.active{opacity:1;visibility:visible}}@media (max-width: 480px){.navbar{padding:.4rem .8rem}.logo img{height:45px!important}.mobile-menu-btn{font-size:1.3rem;padding:.4rem}.nav-links{width:260px;left:-260px;padding:4.5rem 1.2rem 2rem}.nav-links a{font-size:.95rem;padding:.9rem 0}.book-now{font-size:.85rem!important;padding:.7rem .8rem!important}}@media (max-width: 360px){.navbar{padding:.3rem .6rem}.logo img{height:40px!important}.mobile-menu-btn{font-size:1.2rem;padding:.3rem}.nav-links{width:240px;left:-240px;padding:4rem 1rem 2rem}}
