/* Wave Hub — a small, self-contained subset of waveagency.com's design
   tokens and form/button styles, copied over so this app doesn't depend on
   the marketing site's stylesheet across origins. Keep in sync manually if
   the brand palette changes. */
:root{
  --ink:#0A0A0A;
  --charcoal:#161616;
  --cream:#F4EFE8;
  --gray:#B8B2A8;
  --gold:#C8A95F;
  --line:rgba(244,239,232,0.14);
  --serif:"Cormorant Garamond",Georgia,serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --maxw:1200px;
  --gut:clamp(20px,5vw,64px);
}

*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--ink);color:var(--cream);font-family:var(--sans);line-height:1.5}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.1;letter-spacing:-0.015em;margin-bottom:.5em}
a{color:var(--gold);text-decoration:none}
a:hover{text-decoration:underline}

.btn{
  display:inline-block;font-family:var(--sans);font-size:12px;font-weight:600;
  letter-spacing:0.14em;text-transform:uppercase;padding:12px 22px;
  border:1px solid var(--gold);color:var(--gold);background:transparent;
  cursor:pointer;transition:background .28s,color .28s;
}
.btn:hover{background:var(--gold);color:var(--ink)}
.btn:disabled{opacity:.35;cursor:not-allowed}
.btn:disabled:hover{background:transparent;color:var(--gold)}
.btn-solid{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.btn-solid:hover{background:transparent;color:var(--gold)}

.form{max-width:660px}
.field{margin-bottom:18px}
.field label{display:block;font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gray);margin-bottom:8px}
.field input,.field select,.field textarea{
  width:100%;background:transparent;border:1px solid var(--line);color:var(--cream);
  font-family:var(--sans);font-size:15px;font-weight:300;padding:13px 14px;border-radius:0;
}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold)}
.form .form-note{font-size:12.5px;color:var(--gray);margin-top:6px}