/* Shared Sekronet CTA treatment: rounded orange-red gradient with white text. */
html body a[href='/login'].bg-orange-500,
html body a[href='/login'].bg-slate-950 {
  min-height: 44px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(90deg, #ff6a00 0%, #ff4b00 52%, #ff3d00 100%) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(255, 79, 0, .24) !important;
  font-family: 'Instrument Sans', 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  letter-spacing: -.012em !important;
  transform: none !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

html body header a[href='/login'].bg-orange-500 {
  padding: 0 22px !important;
}

html body header a[href='/login'].bg-orange-500::after {
  content: '›';
  margin-left: 5px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
}

html body a[href='/login'].bg-orange-500:hover,
html body a[href='/login'].bg-slate-950:hover {
  border: 0 !important;
  background: linear-gradient(90deg, #ff7614 0%, #ff5308 52%, #ff4305 100%) !important;
  color: #fff !important;
  box-shadow: 0 13px 28px rgba(255, 79, 0, .32) !important;
  transform: translateY(-1px) !important;
  filter: saturate(1.04);
}

html body a[href='/login'].bg-orange-500:focus-visible,
html body a[href='/login'].bg-slate-950:focus-visible {
  outline: 3px solid rgba(255, 91, 20, .28) !important;
  outline-offset: 3px !important;
}

html body .demo-page .demo-submit {
  min-height: 52px !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: linear-gradient(90deg, #ff6a00 0%, #ff4b00 52%, #ff3d00 100%) !important;
  color: #fff !important;
  box-shadow: 0 11px 26px rgba(255, 79, 0, .22) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  letter-spacing: -.012em !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

html body .demo-page .demo-submit:hover {
  border: 0 !important;
  background: linear-gradient(90deg, #ff7614 0%, #ff5308 52%, #ff4305 100%) !important;
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(255, 79, 0, .3) !important;
  transform: translateY(-1px) !important;
  filter: saturate(1.04);
}

html body .demo-page .demo-submit:focus-visible {
  outline: 3px solid rgba(255, 91, 20, .28) !important;
  outline-offset: 3px !important;
}

@media (max-width: 700px) {
  html body header nav[aria-label='Mobile navigation'] a[href='/login'].bg-orange-500 {
    width: 100%;
    min-height: 48px !important;
  }
}