@font-face { font-family: Rubik; src: url(/fonts/rubik-hebrew.woff2) format('woff2'); font-weight: 300 900; font-display: swap; unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
@font-face { font-family: Rubik; src: url(/fonts/rubik-latin.woff2) format('woff2'); font-weight: 300 900; font-display: swap; unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122; }

:root {
  --orange: #f8a61e;
  --blue: #55cbf3;
  --ink: #1a1a1a;
  --muted: #5f6368;
  --bg: #ffffff;
}

* { box-sizing: border-box; }

html, body { height: 100%; margin: 0; }

body {
  background: var(--bg);
  color: var(--ink);
  font-family: Rubik, system-ui, sans-serif;
  -webkit-text-size-adjust: 100%;
}

.splash {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));
}

.logo { width: min(72vw, 340px); height: auto; }

.status { margin: 0; color: var(--muted); font-size: 1.125rem; }