
.primary-button{
  background:var(--accent);
  color:#ffffff;
  border:none;
  padding:0.85rem 1.8rem;
  font-weight:700;
  font-size:var(--fluid-font-sm);
  letter-spacing:0.04em;
  text-transform:uppercase;
  text-decoration:none;
  cursor:pointer;
  display:inline-block;
  transform:skewX(-10deg);
  box-shadow:0 4px 15px var(--accent-glow);
  transition:box-shadow 0.3s ease,transform 0.2s ease;
}
.primary-button > .button-label{display:inline-block;transform:skewX(10deg)}
.primary-button:hover{
  background:var(--accent-deep);
  color:#ffffff;
  box-shadow:0 6px 25px var(--accent-glow);
  transform:translateY(-2px);
}
.primary-button:focus-visible{outline:3px solid var(--sand);outline-offset:3px}

.ghost-button{
  background:transparent;
  color:var(--sand);
  border:1px solid var(--sand);
  padding:0.85rem 1.8rem;
  font-weight:700;
  font-size:var(--fluid-font-sm);
  letter-spacing:0.04em;
  text-transform:uppercase;
  text-decoration:none;
  cursor:pointer;
  display:inline-block;
  transform:skewX(-10deg);
  transition:box-shadow 0.3s ease,transform 0.2s ease;
}
.ghost-button > .button-label{display:inline-block;transform:skewX(10deg)}
.ghost-button:hover{color:var(--bone);border-color:var(--bone);box-shadow:0 6px 25px var(--sand-glow);transform:translateY(-2px)}
.ghost-button:focus-visible{outline:3px solid var(--sand);outline-offset:3px}

.form-group{display:block;margin-bottom:var(--space-2)}
.form-label{display:block;font-size:var(--fluid-font-sm);font-weight:700;letter-spacing:0.03em;margin-bottom:0.4rem;color:var(--bone)}
.form-input{
  width:100%;
  padding:0.8rem 0.9rem;
  background:var(--ink);
  color:var(--bone);
  border:1px solid var(--ink-line);
  font-size:var(--fluid-font-md);
  transition:box-shadow 0.3s ease,border-color 0.3s ease;
}
.form-input:focus{outline:none;border-color:var(--sand);box-shadow:0 0 0 3px var(--sand-glow)}
.form-input::placeholder{color:#8d8177}
.form-consent{display:flex;gap:0.6rem;align-items:flex-start;font-size:var(--fluid-font-sm);color:var(--bone-dim);margin-bottom:var(--space-2)}
.form-consent input{margin-top:0.35rem;accent-color:var(--accent)}
.form-consent a{color:var(--sand)}
.form-note{font-size:var(--fluid-font-sm);color:var(--bone-dim);margin:var(--space-1) 0 0}
.form-error{
  background:rgba(176,32,47,0.14);
  border-left:4px solid var(--accent);
  color:var(--bone);
  padding:0.75rem 0.9rem;
  font-size:var(--fluid-font-sm);
  margin-bottom:var(--space-2);
}
