/* waitlist.css — navy theme */
.waitlist-form {
  background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.25);
  border-radius: var(--r-xl); padding: var(--sp-10);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
.wl-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-4); margin-bottom: var(--sp-4); }
.wl-field-full { grid-column: 1 / -1; }
.wl-field label { display: block; font-size: .85rem; font-weight: 600; color: rgba(255,255,255,.85); margin-bottom: var(--sp-2); }
.wl-field label span { color: rgba(255,255,255,.5); }
.wl-field input, .wl-field select {
  width: 100%; background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.30);
  border-radius: var(--r-md); color: var(--white); font-family: var(--font-body);
  font-size: 1rem; padding: var(--sp-3) var(--sp-5); outline: none;
  transition: border-color var(--dur-base) var(--ease), background var(--dur-base) var(--ease);
  appearance: none; -webkit-appearance: none;
}
.wl-field input::placeholder { color: rgba(255,255,255,.45); }
.wl-field select option { background: var(--navy-800); color: var(--white); }
.wl-field input:focus, .wl-field select:focus { border-color: rgba(255,255,255,.7); background: rgba(255,255,255,.22); }
.wl-field input:invalid:not(:placeholder-shown) { border-color: #fca5a5; }
.btn-submit {
  width: 100%; display: flex; align-items: center; justify-content: center;
  gap: var(--sp-3); background: var(--white); color: var(--navy-700);
  font-weight: 700; font-size: 1.05rem; padding: var(--sp-4) var(--sp-8);
  border-radius: var(--r-full); margin-top: var(--sp-6);
  box-shadow: 0 4px 20px rgba(0,0,0,.15);
  transition: transform var(--dur-base) var(--ease-spring), box-shadow var(--dur-base) var(--ease), background var(--dur-base) var(--ease);
}
.btn-submit:hover { transform: translateY(-3px); box-shadow: 0 8px 28px rgba(0,0,0,.20); }
.btn-submit:disabled { background: #bfdbfe; color: var(--navy-900); cursor: not-allowed; transform: none; }
.wl-note { font-size: .82rem; color: rgba(255,255,255,.55); text-align: center; margin-top: var(--sp-4); display: flex; align-items: center; justify-content: center; gap: var(--sp-2); }
.wl-note i { color: rgba(255,255,255,.4); }
.wl-social { text-align: center; margin-top: var(--sp-12); }
.wl-social p { font-size: .82rem; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: rgba(255,255,255,.55); margin-bottom: var(--sp-4); }
.social-row { display: flex; justify-content: center; gap: var(--sp-4); }
.social-row a {
  width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.22);
  border-radius: 50%; color: var(--white); font-size: 1.1rem;
  transition: background var(--dur-base) var(--ease), transform var(--dur-base) var(--ease-spring);
}
.social-row a:hover { background: rgba(255,255,255,.28); transform: translateY(-3px); }