.vap-support-main{min-height:calc(100vh - 98px);padding:72px 20px 90px;margin-top:98px;background:radial-gradient(circle at 50% 0,rgba(255,123,10,.12),transparent 42%),var(--bg)}
.vap-contact-card{width:min(900px,100%);margin:0 auto;padding:38px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,var(--panel2),var(--panel));box-shadow:0 24px 70px rgba(0,0,0,.26)}
.vap-contact-back{display:inline-flex;margin-bottom:24px;color:var(--orange2);font-size:13px;font-weight:800}
.vap-contact-back:hover{text-decoration:underline}
.vap-contact-heading{margin-bottom:28px}
.vap-contact-heading>span{color:var(--orange);font-size:12px;font-weight:900;letter-spacing:1.4px}
.vap-contact-heading h1{margin:12px 0 12px;font-size:42px;line-height:1.12}
.vap-contact-heading p{max-width:720px;margin:0;color:var(--muted);font-size:16px;line-height:1.65}
.vap-contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.vap-contact-form label{display:flex;min-width:0;flex-direction:column;gap:8px;color:var(--text);font-size:14px;font-weight:800}
.vap-contact-form .full{grid-column:1/-1}
.vap-contact-form input,.vap-contact-form textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text);font:500 15px/1.45 "Segoe UI",Arial,sans-serif;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}
.vap-contact-form input{min-height:48px;padding:11px 13px}
.vap-contact-form textarea{min-height:210px;padding:13px;resize:vertical}
.vap-contact-form input:focus,.vap-contact-form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,123,10,.17)}
.vap-contact-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:3px}
.vap-contact-actions .btn{min-width:155px;border:0;cursor:pointer}
.vap-contact-actions .btn:disabled{cursor:wait;opacity:.65}
.vap-contact-actions span{color:var(--muted);font-size:13px;line-height:1.5}
.vap-contact-status{display:none;margin-top:22px;padding:13px 15px;border:1px solid var(--line);border-radius:9px;font-size:14px;font-weight:700;line-height:1.5}
.vap-contact-status.success{display:block;border-color:rgba(62,190,108,.65);background:rgba(62,190,108,.11);color:#79dc9c}
.vap-contact-status.error{display:block;border-color:rgba(232,80,80,.65);background:rgba(232,80,80,.11);color:#ff9292}
html[data-theme="light"] .vap-contact-status.success{color:#146b35}
html[data-theme="light"] .vap-contact-status.error{color:#a52222}
.vap-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
html[dir="rtl"] .vap-contact-back{direction:rtl}
@media(max-width:920px){.vap-support-main{margin-top:120px;padding:38px 16px 62px;min-height:calc(100vh - 120px)}.vap-contact-card{padding:24px 18px;border-radius:13px}.vap-contact-heading h1{font-size:32px}.vap-contact-heading p{font-size:15px}.vap-contact-form{grid-template-columns:1fr}.vap-contact-form .full{grid-column:1}.vap-contact-actions{align-items:stretch;flex-direction:column}.vap-contact-actions .btn{width:100%}}
@media(min-width:921px){.vap-contact-card{padding:34px}.vap-contact-heading h1{font-size:34px}.vap-contact-heading p{font-size:13px}.vap-contact-form{gap:16px}.vap-contact-form label{font-size:12px}.vap-contact-form input{min-height:43px;font-size:13px}.vap-contact-form textarea{min-height:180px;font-size:13px}.vap-contact-actions span{font-size:11px}}

/* VAPAPPS Support — responsive form layout aligned with the main site. */
@media (max-width:1024px){
  .vap-support-main{
    margin-top:116px;
    min-height:calc(100vh - 116px);
    padding:clamp(34px,5vw,58px) clamp(16px,4vw,36px) 70px;
  }
  .vap-contact-card{width:min(880px,100%);padding:clamp(26px,4vw,36px)}
  .vap-contact-heading h1{font-size:clamp(32px,4.8vw,40px);overflow-wrap:break-word}
  .vap-contact-heading p{font-size:15px}
  .vap-contact-form label,.vap-contact-actions{min-width:0}
  .vap-contact-form input,.vap-contact-form textarea{max-width:100%}
  .vap-contact-actions span{overflow-wrap:anywhere}
}

@media (min-width:641px) and (max-width:1024px){
  .vap-contact-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .vap-contact-form .full{grid-column:1/-1}
  .vap-contact-actions{flex-direction:row;align-items:center}
  .vap-contact-actions .btn{width:auto;min-width:155px}
}

@media (max-width:640px){
  .vap-support-main{
    margin-top:112px;
    min-height:calc(100vh - 112px);
    padding:26px 12px 48px;
  }
  .vap-contact-card{padding:22px 16px;border-radius:13px}
  .vap-contact-back{margin-bottom:20px;font-size:13px}
  .vap-contact-heading{margin-bottom:24px}
  .vap-contact-heading h1{font-size:clamp(29px,8.5vw,36px);line-height:1.14}
  .vap-contact-heading p{font-size:15px;line-height:1.6}
  .vap-contact-form{grid-template-columns:1fr;gap:17px}
  .vap-contact-form .full{grid-column:1}
  .vap-contact-form input,.vap-contact-form textarea{font-size:16px}
  .vap-contact-form input{min-height:48px}
  .vap-contact-form textarea{min-height:190px}
  .vap-contact-actions{flex-direction:column;align-items:stretch;gap:12px}
  .vap-contact-actions .btn{width:100%;min-height:46px}
  .vap-contact-actions span{text-align:center;font-size:12px}
  .vap-contact-status{font-size:13px}
}