.contact-hero{
  flex:0 0 auto;
  margin-bottom:1.2rem;
  padding-bottom:1.35rem;
}

.offer-card-compact{
  width:min(100%,18rem);
  margin-top:1.2rem;
}

.form-card{
  width:100%;
  max-width:26.5rem;
  margin:0 auto;
  padding:1.55rem 1.45rem 1.25rem;
  text-align:left;
  animation:f2-rise .7s cubic-bezier(.22,1,.36,1) .08s both;
}

.stack{display:grid;gap:1rem}
.field{display:grid;gap:.35rem}
.field label{
  font-size:.875rem;
  font-weight:600;
  color:var(--f2-ink);
}
.field input,.field textarea{
  width:100%;
  padding:.75rem .9rem;
  font:inherit;
  color:var(--f2-ink);
  background:rgba(12,6,24,.38);
  border:1px solid rgba(228,180,90,.32);
  border-radius:0;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.field textarea{min-height:9rem;resize:vertical;line-height:1.7}
.field input:focus-visible,.field textarea:focus-visible{
  outline:2px solid var(--f2-gold);
  outline-offset:1px;
  border-color:transparent;
}

.submit{
  display:grid;
  gap:.1rem;
  width:100%;
  min-height:3rem;
  padding:.75rem 1.375rem;
  border:1px solid #6d4e16;
  color:#1a1220;
  background:
    linear-gradient(180deg,var(--f2-gold-bright),var(--f2-gold) 48%,var(--f2-gold-deep));
  font-family:var(--f2-font-title);
  font-size:.9rem;
  font-weight:600;
  line-height:1.35;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,248,220,.55);
  transition:transform .15s ease,filter .15s ease;
}
.submit .en{
  color:inherit;
  opacity:.78;
  font-family:var(--f2-font-body);
  font-size:.78em;
  font-weight:500;
}
.submit:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
}
.submit:active{transform:scale(.98)}

.notice{
  margin:0 0 1rem;
  padding:.8rem 1rem;
  border:1px solid transparent;
  font-size:.9375rem;
}
.notice-success{
  background:var(--f2-ok-bg);
  border-color:var(--f2-ok);
  color:var(--f2-ok);
}
.notice-error{
  background:var(--f2-ng-bg);
  border-color:var(--f2-ng);
  color:var(--f2-ng);
}

.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.back{
  margin:1.15rem 0 0;
  text-align:center;
  font-size:.875rem;
}
.back a{
  color:var(--f2-ink-soft);
  text-decoration:none;
}
.back a:hover{color:var(--f2-gold-bright)}
