@font-face {
  font-family: Satoshi;
  src: url("../fonts/satoshi-400.otf") format("opentype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Satoshi;
  src: url("../fonts/satoshi-700.otf") format("opentype");
  font-weight: 700;
  font-display: swap;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  background: #073f2e;
  color: #fff;
  font-family: Satoshi, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
main {
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 56px 24px 88px;
}
.waitlist { width: 100%; max-width: 420px; text-align: center; }
.brand { margin: 0 0 24px; font-size: 14px; font-weight: 700; }
h1 { margin: 0; font-size: clamp(30px, 7vw, 38px); line-height: 1.15; letter-spacing: -.035em; }
.description { margin: 16px 0 0; color: #d0e1da; font-size: 16px; line-height: 1.6; }
form { display: grid; gap: 20px; margin-top: 32px; text-align: left; }
.field { display: grid; gap: 8px; }
label { font-size: 14px; }
.optional { color: #c1d5cb; }
input, button { width: 100%; min-height: 50px; border-radius: 12px; font: inherit; }
input {
  padding: 12px 14px;
  border: 1px solid #ffffff40;
  background: #ffffff0d;
  color: #fff;
}
input::placeholder { color: #bbcdc4; }
button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 4px;
  padding: 14px;
  border: 1px solid transparent;
  background: #9ce7ba;
  color: #073f2e;
  font-weight: 700;
  cursor: pointer;
}
button:hover { background: #b4efcc; }
:focus-visible { outline: 3px solid #b4efcc; outline-offset: 4px; }
.honeypot { display: none; }
.privacy { margin: 20px 0 0; color: #c1d5cb; font-size: 12px; line-height: 1.65; }
.contact { margin: 28px 0 0; color: #d0e1da; font-size: 14px; }
a { color: #fff; text-underline-offset: 4px; }
.language-switch {
  position: fixed;
  right: max(20px, env(safe-area-inset-right));
  bottom: max(20px, env(safe-area-inset-bottom));
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #fff;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
}
.language-switch:focus {
  outline: none;
  box-shadow: none;
}