@charset "utf-8";

.hero__form { --apx-accent: #2563eb; --apx-bg: #ffffff; --apx-text: #0f172a; --apx-muted: #94a3b8; --apx-border: #e2e8f0; --apx-radius: 12px; --apx-max: 460px; box-sizing: border-box; width: 100%; max-width: var(--apx-max); margin: 0px auto; padding: 25px 4px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; display: flex; flex-direction: column; gap: 14px; }

.hero__form * { box-sizing: border-box; }

.form__inp { width: 100%; min-height: 52px; padding: 0px 16px; margin: 0px; font-size: 15px; line-height: 1.2; color: var(--apx-text); background: var(--apx-bg); border: 1px solid var(--apx-border); border-radius: var(--apx-radius); outline: none; transition: border-color 0.15s, box-shadow 0.15s; appearance: none; }

.form__inp::placeholder { color: var(--apx-muted); opacity: 1; }

.form__inp:focus { border-color: var(--apx-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--apx-accent) 18%, transparent); }

.hero__form .iti { width: 100%; }

.hero__form .iti input { padding-left: 12px; }

.form__btn { width: 100%; height: 54px; margin: 6px 0px 0px; padding: 0px 20px; font-size: 16px; font-weight: 600; color: rgb(255, 255, 255); background: rgb(204, 0, 0); border: none; border-radius: var(--apx-radius); cursor: pointer; transition: filter 0.15s, opacity 0.15s; }

.form__btn:hover { filter: brightness(1.08); }

.form__btn:disabled { opacity: 0.6; cursor: default; }

@media (max-width: 480px) {
  .hero__form { padding: 20px 16px; }
}