.contact-form{position:relative;z-index:1;text-align:left;max-width:640px;margin:40px auto 0;padding:28px;background:rgba(12,16,22,.55);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:16px}
.contact-form h3{font-size:1.3rem}.form-lead{margin:-8px 0 0;color:var(--muted);font-size:.92rem}
.f-row{display:grid;gap:16px}@media (min-width:600px){.f-row{grid-template-columns:1fr 1fr}}
.field{display:grid;gap:6px}.field label{font-size:.88rem;font-weight:500}.req{color:var(--green)}
.field input,.field select,.field textarea{width:100%;box-sizing:border-box;background:#0C1016;color:var(--text);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:12px 14px;font:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}
.field textarea{resize:vertical;min-height:110px}.field select{appearance:auto}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:#2A60ED;box-shadow:0 0 0 3px rgba(42,96,237,.35)}
.field input:user-invalid,.field select:user-invalid,.field textarea:user-invalid{border-color:#ef6b6b}
.contact-form .btn{justify-self:start}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.thanks{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px 0}
.thanks-card{text-align:center;max-width:640px;margin:0 auto}
.thanks-brand{justify-content:center;margin-bottom:28px}.thanks-brand svg{width:32px;height:32px}
.thanks-ic{width:64px;height:64px;border-radius:50%;background:var(--green);color:#04130b;display:grid;place-items:center;margin:0 auto 20px}.thanks-ic svg{width:34px;height:34px}
.thanks h1{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:12px}
.form-status{margin:0;font-size:.9rem;color:var(--muted)}.form-status:empty{display:none}.form-status a{color:var(--green);text-decoration:underline}
.form-note{margin:0;font-size:.85rem;color:var(--muted)}.form-note a{color:var(--text);text-decoration:underline}