/* ===============================
   NAVBAR — Capsule Glassy Refine 2026
   =============================== */
   .navbar{
    position:relative;margin:16px auto;max-width:1000px;padding:.4rem 1rem;border-radius:1.4rem;
    backdrop-filter:blur(22px) saturate(1.6);border:1px solid rgba(255,255,255,.12);
    box-shadow:0 8px 30px rgba(0,0,0,.45),inset 0 0 10px rgba(255,255,255,.05);transition:all .4s ease
  }
  .navbar.scrolled{background:rgba(15,25,35,.75)!important;box-shadow:0 10px 36px rgba(0,0,0,.55),inset 0 0 12px rgba(255,255,255,.07)}
  .navbar .container{display:flex;align-items:center;justify-content:space-between}
  .navbar-brand span{
    background:linear-gradient(90deg,var(--feal-secondary),var(--feal-primary));
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;font-size:1.6rem;letter-spacing:.4px;text-shadow:0 0 12px rgba(24,178,165,.25)
  }
  .nav-link{color:var(--feal-text)!important;opacity:.85;padding:.6rem 1rem;border-radius:.75rem;transition:all .25s ease}
  .nav-link:hover{background:rgba(24,178,165,.12);color:var(--feal-primary)!important;opacity:1}
  .navbar .btn-feal{border-radius:.9rem;padding:.55rem 1.2rem;font-weight:600;box-shadow:0 6px 18px rgba(24,178,165,.25);transition:all .25s ease}
  .navbar .btn-feal:hover{box-shadow:0 10px 28px rgba(24,178,165,.4);transform:translateY(-1px)}
  @media (max-width:991.98px){.navbar{margin:8px 12px;border-radius:1rem}}
  .navbar-toggler{border-color:rgba(255,255,255,.3)!important}
  .navbar-toggler-icon{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(227,242,253,0.95)' stroke-linecap='round' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;
    filter:drop-shadow(0 0 4px rgba(24,178,165,.4))
  }