.contact-form{display:flex;flex-direction:column;gap:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:600px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--ink-soft);letter-spacing:.01em;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.req{color:var(--red);font-weight:700}.form-optional{font-weight:400;color:var(--ink-muted)}.form-control{font-family:var(--font-body);font-size:15px;line-height:1.5;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:10px;padding:13px 16px;width:100%;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;-webkit-appearance:none;appearance:none}.form-control::placeholder{color:var(--ink-muted)}.form-control:hover{border-color:#e7a3b4}.form-control:focus{outline:none;border-color:var(--navy);background:var(--white);box-shadow:0 0 0 3px #0a316124}textarea.form-control{resize:vertical;min-height:140px;line-height:1.55}select.form-control{cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236E7180' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:42px}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-actions{display:flex;flex-direction:column;gap:14px;margin-top:6px}.form-actions .btn{align-self:flex-start}.form-help{font-size:13px;color:var(--ink-muted);line-height:1.5}.form-status{margin-top:12px;padding:14px 18px;border-radius:10px;font-size:14px;border-left:3px solid var(--red);background:var(--sky);color:var(--ink-soft);animation:status-in .3s var(--ease-out)}@keyframes status-in{0%{opacity:0;transform:translateY(-4px)}}.form-status.is-success{border-left-color:#2e7d4f}.form-control:user-invalid,.form-control[aria-invalid=true]{border-color:var(--red);background:#b319420a}.form-control:user-invalid:focus,.form-control[aria-invalid=true]:focus{box-shadow:0 0 0 3px #b319422e}.form-fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.form-fieldset legend{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--ink-soft);letter-spacing:.01em;padding:0;margin-bottom:2px}.form-choices{display:flex;flex-wrap:wrap;gap:10px}.form-choice{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:10px 16px;border:1px solid var(--line);border-radius:10px;background:var(--white);font-family:var(--font-body);font-size:14px;color:var(--ink-soft);cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.form-choice:hover{border-color:#e7a3b4}.form-choice input{accent-color:var(--navy);width:16px;height:16px}.form-choice:has(input:checked){border-color:var(--navy);background:var(--sky);color:var(--ink)}.form-choice:has(input:focus-visible){outline:2px solid var(--red);outline-offset:2px}.form-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.55;color:var(--ink-muted)}.form-consent input{accent-color:var(--navy);margin-top:3px;width:16px;height:16px;flex:none}.form-status[hidden]{display:none}button[type=submit][disabled]{opacity:.6;cursor:progress}.form-page-hero .wrap{padding-bottom:clamp(96px,8rem,140px)}.form-page-body{padding-bottom:clamp(64px,8vw,112px)}.form-page-grid{display:grid;gap:24px;margin-top:-72px;position:relative}@media(min-width:980px){.form-page-grid{grid-template-columns:1.5fr 1fr;align-items:start;gap:32px}.form-aside{padding-top:104px}}.form-card{padding:clamp(22px,4vw,40px);border-radius:var(--radius);background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow)}.form-aside{display:grid;gap:16px}.form-aside .card:hover{transform:none;box-shadow:none;border-color:var(--line)}.form-aside h2{font-size:1.4rem;margin-bottom:4px}.form-aside .card p+p{margin-top:10px}.form-aside .card .btn{margin-top:18px}.form-aside .steps{gap:12px}.contact-privacy{margin-top:16px}.btn--zalo{background:#0068ff}.btn--zalo:hover{background:#0052cc;box-shadow:0 10px 24px -12px #0068ffb3}@media(max-width:640px){.form-group label,.form-fieldset legend,.form-choice{font-size:15px}.form-control,.form-status{font-size:16px}.form-help,.form-consent{font-size:14px}}
