/* Hamburger menu */
.hamburger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px}
.hamburger span{width:24px;height:2px;background:#fff;border-radius:2px;transition:all .3s}
.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}

/* Mobile menu */
.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none}
.mobile-menu.active{pointer-events:auto}
.mobile-menu-content{position:absolute;top:0;right:0;bottom:0;width:280px;background:rgba(11,30,58,.98);backdrop-filter:blur(12px);padding:80px 24px 24px;transform:translateX(100%);transition:transform .3s;box-shadow:-4px 0 24px rgba(0,0,0,.3);z-index:2}
.mobile-menu.active .mobile-menu-content{transform:translateX(0)}
.mobile-menu-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s;z-index:1}
.mobile-menu.active .mobile-menu-backdrop{opacity:1}
.mobile-menu-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#fff;font-size:32px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s}
.mobile-menu-close:hover{opacity:1}
.mobile-menu nav{display:flex;flex-direction:column;gap:4px}
.mobile-menu nav a{color:#fff;text-decoration:none;padding:14px 16px;border-radius:8px;transition:background .2s;font-size:16px}
.mobile-menu nav a:hover{background:rgba(255,255,255,.1)}
.mobile-menu nav a.active{background:rgba(244,114,182,.15);color:#f472b6;font-weight:700}

/* Promo banner */
.promo-banner{background:linear-gradient(135deg,rgba(16,185,129,.4),rgba(5,150,105,.4));color:#fff;padding:12px 16px;text-align:center;font-weight:700;font-size:15px;margin-bottom:16px;box-shadow:0 4px 12px rgba(16,185,129,.15);border:1px solid rgba(255,255,255,.08)}
.promo-banner-form{background:linear-gradient(135deg,rgba(16,185,129,.4),rgba(5,150,105,.4));color:#fff;padding:14px 20px;text-align:center;font-weight:800;font-size:16px;margin:20px 0;box-shadow:0 6px 16px rgba(16,185,129,.2);border:1px solid rgba(255,255,255,.08)}

/* Responsive */
@media (min-width:768px){
  .hamburger{display:none!important}
  .mobile-menu{display:none}
}
@media (max-width:768px){
  .navbar .links{display:none!important}
  .hamburger{display:flex}
  .mobile-menu-content{backdrop-filter:none}
}