@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');

html { font-family: Outfit, system-ui, sans-serif; }
body {
  background:
    radial-gradient(900px 420px at 10% -10%, rgba(88,168,176,.16), transparent 60%),
    radial-gradient(700px 380px at 100% 0%, rgba(240,104,80,.08), transparent 55%),
    linear-gradient(180deg, #f7fbfb 0%, #ffffff 42%, #f4f7f7 100%);
  color: #24383a;
  letter-spacing: -0.01em;
}
header {
  background: rgba(255,255,255,.82) !important;
  border-bottom: 1px solid rgba(88,168,176,.18) !important;
  box-shadow: 0 10px 30px -24px rgba(36,56,58,.45);
}
h1, h2, h3 { letter-spacing: -0.03em; }
button, a[class*="rounded"] {
  letter-spacing: .01em;
}
#searchForm, form.bg-white, .bg-white.rounded-2xl {
  box-shadow: 0 24px 60px -32px rgba(36,56,58,.35), 0 1px 0 rgba(255,255,255,.8) inset !important;
  border-color: rgba(88,168,176,.18) !important;
}
input, select {
  background: #fbfefe !important;
}
#ffBackend {
  backdrop-filter: blur(10px);
  letter-spacing: .04em;
  text-transform: uppercase;
}