/* Smart Registration — Megdesk-style green pill (matches Contact CTA geometry) */



.header .nav-menu a.nav-cta.nav-smart {

  display: inline-flex !important;

  align-items: center;

  justify-content: center;

  gap: 0.4rem;

  padding: 0.6rem 1.45rem !important;

  border-radius: 100px !important;

  font-size: 0.68rem !important;

  font-weight: 700 !important;

  letter-spacing: 0.12em !important;

  text-transform: uppercase !important;

  white-space: nowrap;

  color: #052e16 !important;

  -webkit-text-fill-color: #052e16 !important;

  background: linear-gradient(135deg, #16a34a 0%, #4ade80 48%, #22c55e 72%, #16a34a 100%) !important;

  background-size: 200% 200% !important;

  border: 1px solid rgba(255, 255, 255, 0.55) !important;

  -webkit-backdrop-filter: blur(12px) saturate(180%);

  backdrop-filter: blur(12px) saturate(180%);

  box-shadow:

    inset 0 1px 0 rgba(255, 255, 255, 0.5),

    0 6px 22px rgba(34, 197, 94, 0.32) !important;

  transition:

    transform 0.3s ease,

    box-shadow 0.3s ease,

    background-position 0.45s ease !important;

}



.header .nav-menu a.nav-cta.nav-smart::before {

  content: "";

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background: #052e16;

  opacity: 0.55;

  flex-shrink: 0;

}



.header .nav-menu a.nav-cta.nav-smart:hover,

.header .nav-menu a.nav-cta.nav-smart:focus-visible {

  color: #052e16 !important;

  -webkit-text-fill-color: #052e16 !important;

  transform: translateY(-2px) !important;

  background-position: 100% 50% !important;

  opacity: 1 !important;

  box-shadow:

    inset 0 1px 0 rgba(255, 255, 255, 0.6),

    0 10px 30px rgba(34, 197, 94, 0.42) !important;

}



.header.scrolled .nav-menu a.nav-cta.nav-smart,

.header:not(.scrolled) .nav-menu a.nav-cta.nav-smart {

  color: #052e16 !important;

  -webkit-text-fill-color: #052e16 !important;

}



.header .nav-menu a.nav-cta.nav-smart[aria-current="page"] {

  outline: 2px solid rgba(34, 197, 94, 0.55);

  outline-offset: 3px;

}



@media (max-width: 1280px) {

  .header .nav-menu li:has(a.nav-smart) {

    margin-top: 0.65rem !important;

    padding-top: 0.65rem !important;

    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;

  }



  .header .nav-menu a.nav-cta.nav-smart {

    width: 100% !important;

    min-height: 48px !important;

    font-size: 0.72rem !important;

  }



  .header .nav-menu a.nav-cta.nav-smart::before {

    display: none;

  }

}



@media (max-width: 900px) {

  .header .nav-actions-row {

    display: flex;

    flex-direction: column;

    gap: 0.5rem;

    width: 100%;

  }

}



@media (prefers-reduced-motion: reduce) {

  .header .nav-menu a.nav-cta.nav-smart {

    transition: box-shadow 0.2s ease !important;

  }



  .header .nav-menu a.nav-cta.nav-smart:hover {

    transform: none !important;

  }

}