/* Form kiểm tra web miễn phí – [hv_audit_form]. Dùng biến --pt-* của trang Công nghệ (tự đổi sáng/tối). */
.hvaf{max-width:760px;margin:0 auto}
.hvaf *,.hvaf *::before,.hvaf *::after{box-sizing:border-box}
.hvaf__f{display:grid;gap:14px;background:var(--pt-panel,#141826);color:var(--pt-ink,#F3F1EC);border:1px solid var(--pt-line2,rgba(167,171,255,.28));border-radius:18px;padding:0 clamp(18px,3vw,30px) clamp(20px,3vw,30px);overflow:hidden;box-shadow:0 40px 80px -44px rgba(0,0,0,.7)}
.hvaf__bar{display:flex;align-items:center;gap:8px;margin:0 calc(clamp(18px,3vw,30px)*-1);padding:12px 18px;border-bottom:1px solid var(--pt-line,rgba(167,171,255,.16));background:rgba(0,0,0,.18);font:500 12.5px/1 var(--pt-mono,ui-monospace,monospace);color:var(--pt-mute,#A3A8BA)}
.hvaf__bar i{width:11px;height:11px;border-radius:50%;background:#FF5F57}.hvaf__bar i:nth-child(2){background:#FEBC2E}.hvaf__bar i:nth-child(3){background:#28C840}
.hvaf__bar span{margin-left:8px}
.hvaf__t{margin:6px 0 0;font:800 clamp(22px,1.4vw + 16px,30px)/1.2 var(--font);color:var(--pt-ink)}
.hvaf__l{margin:8px 0 0;font-size:15.5px;line-height:1.6;color:var(--pt-ink2,#D2D4DE)}
.hvaf__fld{display:grid;gap:6px;min-width:0}
.hvaf__fld>span{font:600 12px/1.2 var(--pt-mono,ui-monospace,monospace);letter-spacing:.05em;text-transform:uppercase;color:var(--pt-acc,#A7ABFF)}
.hvaf__fld input,.hvaf__fld textarea{width:100%;padding:12px 14px;border:1px solid var(--pt-line2,rgba(167,171,255,.28));border-radius:10px;background:var(--pt-bg,#0A0C12);color:var(--pt-ink,#F3F1EC);font:400 16px/1.5 var(--font);outline:0;resize:vertical}
.hvaf__fld input{height:48px;padding-block:0}
.hvaf__fld input::placeholder,.hvaf__fld textarea::placeholder{color:var(--pt-mute,#A3A8BA);opacity:.85}
.hvaf__fld input:focus,.hvaf__fld textarea:focus{border-color:var(--pt-acc,#A7ABFF);box-shadow:0 0 0 3px color-mix(in srgb,var(--pt-acc,#A7ABFF) 28%,transparent)}
.hvaf__fld input[aria-invalid=true]{border-color:var(--pt-red-hi,#FF6166)}
.hvaf__chips{display:flex;flex-wrap:wrap;gap:8px}
.hvaf__chip{min-height:40px;padding:0 14px;border:1px solid var(--pt-line2,rgba(167,171,255,.28));border-radius:999px;background:transparent;color:var(--pt-ink2,#D2D4DE);font:500 14px/1 var(--font);cursor:pointer;transition:background .15s,border-color .15s}
.hvaf__chip:hover{border-color:var(--pt-acc,#A7ABFF)}
.hvaf__chip.is-on{background:var(--pt-red,#E31E24);border-color:var(--pt-red,#E31E24);color:#fff}
.hvaf__chip:focus-visible{outline:2px solid var(--pt-acc,#A7ABFF);outline-offset:2px}
.hvaf__row{display:grid;gap:14px}
@media(min-width:640px){.hvaf__row{grid-template-columns:1.2fr 1fr}}
.hvaf__go{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border:0;border-radius:12px;background:var(--pt-red,#E31E24);color:#fff;font:700 16px/1 var(--font);cursor:pointer;box-shadow:0 10px 28px -10px rgba(227,30,36,.7);transition:transform .15s,filter .15s}
.hvaf__go:hover{filter:brightness(1.08);transform:translateY(-1px)}
.hvaf__go[disabled]{opacity:.6;cursor:wait}
.hvaf__hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.hvaf__msg{margin:0;font-size:15px;line-height:1.5;color:var(--pt-ink)}
.hvaf__msg:empty{display:none}
.hvaf__msg.is-err{color:var(--pt-red-hi,#FF6166)}
.hvaf__ft{margin:0;font-size:14px;line-height:1.6;color:var(--pt-mute,#A3A8BA)}
.hvaf__ft b{color:var(--pt-ok,#3DDC97)}
.hvaf__ft a{color:var(--pt-acc,#A7ABFF);font-weight:600;text-underline-offset:3px}
.hvaf.is-sent .hvaf__fld,.hvaf.is-sent .hvaf__chips,.hvaf.is-sent .hvaf__row,.hvaf.is-sent .hvaf__go{display:none}
.hvaf.is-sent .hvaf__msg{font-size:17px;font-weight:600;padding:6px 0;color:var(--pt-ok,#3DDC97)}
