.vn-contact{--c-bg: var(--vn-surface-1, #10101c);--c-field: var(--vn-surface-2, #151524);--c-line: var(--vn-hairline-strong, rgba(237,233,225,.17));--c-ink: var(--vn-ink, #ede9e1);--c-ink-2: var(--vn-ink-2, rgba(237,233,225,.72));--c-ink-3: var(--vn-ink-3, rgba(237,233,225,.5));--c-hint: rgba(237,233,225,.58);--c-accent: #fda1a2;--c-btn-bg: #ede9e1;--c-btn-ink: #10101c;--c-btn-hover: #fff;--c-error: #ff9a9b;--c-radius: 16px;--c-max: 460px;box-sizing:border-box;width:100%;max-width:var(--c-max);margin-inline:auto;padding:26px 24px 22px;background:var(--c-bg);border:1px solid var(--c-line);border-radius:var(--c-radius);color:var(--c-ink);font-family:var(--font-body);text-align:start}.vn-contact *,.vn-contact *:before,.vn-contact *:after{box-sizing:border-box}.vn-contact[data-theme=light]{--c-bg: #fff;--c-field: #fff;--c-line: #ddd8d1;--c-ink: #132434;--c-ink-2: #535458;--c-ink-3: #898583;--c-hint: #6b6866;--c-accent: #c9603f;--c-btn-bg: #132434;--c-btn-ink: #fff;--c-btn-hover: #1e2e40;--c-error: #b04a4a;box-shadow:0 10px 30px #13243414}.vn-contact[data-frame=none]{background:none;border:none;box-shadow:none;padding:0;max-width:none}.vn-contact-head{margin-bottom:16px}.vn-contact-title{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.015em;line-height:1.3;color:var(--c-ink)}.vn-contact-sub{margin:6px 0 0;font-size:.9rem;line-height:1.55;color:var(--c-ink-2)}.vn-contact-form{position:relative;display:flex;flex-direction:column;gap:12px}.vn-contact-row{display:flex;flex-wrap:wrap;gap:12px}.vn-contact-row .vn-contact-field{flex:1 1 170px;min-width:0}.vn-contact-field{display:flex;flex-direction:column;gap:5px}.vn-contact-field>label{font-size:.78rem;font-weight:500;letter-spacing:.01em;color:var(--c-ink-2)}.vn-contact-req{color:var(--c-accent)}.vn-contact-field input,.vn-contact-field textarea{width:100%;padding:11px 13px;background:var(--c-field);border:1.5px solid var(--c-line);border-radius:10px;color:var(--c-ink);font-family:inherit;font-size:.95rem;line-height:1.45;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.vn-contact-field textarea{min-height:84px;resize:vertical}.vn-contact-field input::placeholder,.vn-contact-field textarea::placeholder{color:var(--c-hint);opacity:1}.vn-contact-field input:focus,.vn-contact-field textarea:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-accent) 22%,transparent)}.vn-contact-field input:user-invalid,.vn-contact-field textarea:user-invalid{border-color:var(--c-error)}.vn-contact-hp{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.vn-contact-submit{margin-top:2px;padding:12px 20px;border:none;border-radius:10px;background:var(--c-btn-bg);color:var(--c-btn-ink);font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s ease,opacity .2s ease,transform .15s ease}.vn-contact-submit:hover{background:var(--c-btn-hover)}.vn-contact-submit:active{transform:translateY(1px)}.vn-contact-submit:disabled{opacity:.6;cursor:default;transform:none}.vn-contact-note{margin:0;font-size:.74rem;line-height:1.5;color:var(--c-ink-3)}.vn-contact-note a{color:inherit;text-decoration:underline}.vn-contact-error{margin:0;font-size:.82rem;line-height:1.5;color:var(--c-error)}.vn-contact-error:empty{display:none}.vn-contact-error a{color:inherit}.vn-contact-ok{text-align:center;padding:6px 0 2px}.vn-contact-ok-mark{display:block;font-size:1.7rem;line-height:1;margin-bottom:10px;color:var(--c-accent)}.vn-contact-ok h3{margin:0 0 6px;font-size:1.1rem;font-weight:700;color:var(--c-ink)}.vn-contact-ok h3:focus{outline:none}.vn-contact-ok p{margin:0;font-size:.9rem;line-height:1.6;color:var(--c-ink-2)}.vn-contact[dir=rtl]{letter-spacing:0}.vn-contact[dir=rtl] .vn-contact-title,.vn-contact[dir=rtl] .vn-contact-field>label{letter-spacing:0}.vn-contact[dir=rtl] input[type=email]{direction:ltr;text-align:right}@media(prefers-reduced-motion:reduce){.vn-contact-submit,.vn-contact-field input,.vn-contact-field textarea{transition:none}}html.a11y-motion .vn-contact-submit,html.a11y-motion .vn-contact-field input,html.a11y-motion .vn-contact-field textarea{transition:none}
