* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  background: #060607;
  color: #f4f4f1;
  overflow-x: hidden;
}

body.is_modal_open {
  overflow: hidden;
}

a {
  color: inherit;
}

.site_flash_stack {
  position: fixed;
  top: 18px;
  left: 50%;
  z-index: 60;
  display: grid;
  gap: 0.55rem;
  width: min(92vw, 540px);
  transform: translateX(-50%);
}

.site_flash {
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 16px;
  padding: 0.85rem 1rem;
  box-shadow: 0 20px 50px rgba(10, 10, 14, 0.26);
  backdrop-filter: blur(18px);
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 0.28s ease,
    transform 0.28s ease;
}

.site_flash.is_hiding {
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
}

.site_flash_success {
  background: rgba(44, 120, 84, 0.78);
}

.site_flash_error {
  background: rgba(152, 49, 71, 0.82);
}

.landing_modal_close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.78);
  color: #2a3442;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
}

.landing_modal_close_dark {
  background: rgba(39, 44, 52, 0.68);
  color: #ffffff;
}