/* VAPEX 2026 contact page */
.vx-contact-page{position:relative;overflow:hidden;min-height:100vh;padding:132px 0 90px;background:#090d10;color:#fff}
.vx-contact-page *{box-sizing:border-box}
.vx-contact-glow{position:absolute;width:720px;height:720px;right:-230px;top:-280px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(168,255,0,.075),rgba(168,255,0,.018) 38%,transparent 69%)}
.vx-contact-wrap{position:relative;z-index:1;width:min(1320px,calc(100% - 40px));margin:0 auto}
.vx-contact-hero{display:flex;align-items:center;justify-content:space-between;gap:48px;margin-bottom:44px}
.vx-contact-kicker{display:inline-flex;align-items:center;gap:8px;color:#a8ff00;font-size:10px;font-weight:800;letter-spacing:.16em}
.vx-contact-kicker svg{width:16px;height:16px}
.vx-contact-hero h1{margin:14px 0 14px;color:#fff;font:700 clamp(42px,5vw,70px)/.94 Rajdhani,sans-serif;letter-spacing:-.025em}
.vx-contact-hero h1 em{color:#a8ff00;font-style:normal}
.vx-contact-hero>div:first-child{max-width:760px}
.vx-contact-hero>div:first-child>p{max-width:690px;margin:0;color:#929ba4;font-size:15px;line-height:1.7}
.vx-contact-signal{position:relative;width:170px;height:170px;display:grid;place-items:center;flex:none}
.vx-signal-ring{position:absolute;border:1px solid rgba(168,255,0,.14);border-radius:50%}
.vx-signal-ring-one{inset:13px}.vx-signal-ring-two{inset:35px;border-style:dashed}
.vx-signal-core{width:72px;height:72px;display:grid;place-items:center;border-radius:22px;color:#a8ff00;background:linear-gradient(145deg,rgba(168,255,0,.16),rgba(168,255,0,.045));border:1px solid rgba(168,255,0,.2);box-shadow:0 0 55px rgba(168,255,0,.09)}
.vx-signal-core svg{width:31px;height:31px}
.vx-contact-page svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vx-contact-layout{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.42fr);gap:20px;align-items:stretch}
.vx-contact-info,.vx-contact-form-card{border:1px solid rgba(255,255,255,.07);border-radius:18px;background:linear-gradient(145deg,#151b21,#10151a);box-shadow:0 24px 65px rgba(0,0,0,.18)}
.vx-contact-info{position:relative;overflow:hidden;padding:30px}
.vx-contact-info:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#a8ff00,rgba(168,255,0,.03))}
.vx-info-head>span{color:#a8ff00;font-size:9px;font-weight:800;letter-spacing:.15em}
.vx-info-head>strong{display:block;margin-top:8px;color:#fff;font:700 26px/1.05 Rajdhani,sans-serif}
.vx-info-head>p{margin:9px 0 0;color:#8c959d;font-size:12px;line-height:1.65}
.vx-contact-steps{list-style:none;margin:28px 0;padding:0;display:grid;gap:12px}
.vx-contact-steps li{display:flex;align-items:flex-start;gap:13px;padding:15px;border-radius:12px;background:#0d1317;border:1px solid rgba(255,255,255,.052)}
.vx-step-icon{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:10px;color:#a8ff00;background:rgba(168,255,0,.065);border:1px solid rgba(168,255,0,.09)}
.vx-step-icon svg{width:18px;height:18px}
.vx-contact-steps strong{display:block;color:#fff;font:700 16px Rajdhani,sans-serif}
.vx-contact-steps p{margin:2px 0 0;color:#858e96;font-size:11px;line-height:1.5}
.vx-contact-note{display:flex;align-items:flex-start;gap:10px;padding:14px;border-radius:11px;color:#929ba3;background:rgba(168,255,0,.035);border:1px solid rgba(168,255,0,.09);font-size:10px;line-height:1.55}
.vx-contact-note svg{width:17px;height:17px;flex:none;color:#a8ff00}
.vx-contact-form-card{padding:30px}
.vx-form-heading{display:flex;align-items:center;gap:14px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.06)}
.vx-form-icon{width:48px;height:48px;display:grid;place-items:center;flex:none;border-radius:14px;color:#a8ff00;background:rgba(168,255,0,.07);border:1px solid rgba(168,255,0,.11)}
.vx-form-icon svg{width:23px;height:23px}
.vx-form-heading h2{margin:0;color:#fff;font:700 26px Rajdhani,sans-serif}
.vx-form-heading p{margin:3px 0 0;color:#89929a;font-size:11px}
.vx-contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.vx-contact-field-full{grid-column:1/-1}
.vx-contact-field label{display:block;margin-bottom:8px;color:#c0c6cc;font-size:11px;font-weight:600}
.vx-label-row{display:flex;align-items:center;justify-content:space-between;gap:15px}
.vx-label-row>span{margin-bottom:8px;color:#687179;font-size:9px}
.vx-input-shell{position:relative}
.vx-input-shell>svg{position:absolute;left:14px;top:50%;width:17px;height:17px;color:#69727b;transform:translateY(-50%);pointer-events:none}
.vx-contact-field input,.vx-contact-field textarea{display:block;width:100%;border:1px solid rgba(255,255,255,.075);border-radius:11px;outline:none;background:#0c1216;color:#fff;font:inherit;font-size:13px;transition:border-color .18s,box-shadow .18s,background .18s}
.vx-contact-field input{height:50px;padding:0 15px 0 43px}
.vx-contact-field textarea{min-height:175px;padding:15px;resize:vertical;line-height:1.6}
.vx-contact-field input::placeholder,.vx-contact-field textarea::placeholder{color:#59626a}
.vx-contact-field input:focus,.vx-contact-field textarea:focus{border-color:rgba(168,255,0,.48);background:#0e1519;box-shadow:0 0 0 3px rgba(168,255,0,.055)}
.vx-contact-field input.is-invalid,.vx-contact-field textarea.is-invalid{border-color:rgba(255,91,98,.55)}
.invalid-feedback{display:none;margin-top:6px;color:#ff777c;font-size:10px}
.invalid-feedback:not(:empty),.is-invalid~.invalid-feedback{display:block}
.vx-contact-captcha{margin-top:18px}
.vx-contact-submit{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding-top:22px;border-top:1px solid rgba(255,255,255,.06)}
.vx-submit-safe{display:flex;align-items:center;gap:8px;max-width:310px;color:#778089;font-size:9px;line-height:1.45}
.vx-submit-safe svg{width:17px;height:17px;flex:none;color:#a8ff00}
.vx-contact-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;border:0;border-radius:10px;cursor:pointer;color:#0a0e10;background:linear-gradient(135deg,#a8ff00,#83ca00);box-shadow:0 12px 30px rgba(168,255,0,.13);font:800 12px Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:.035em}
.vx-contact-button:hover{background:linear-gradient(135deg,#b6ff27,#94dc00);transform:translateY(-1px)}
.vx-contact-button:disabled{cursor:wait;opacity:.62;transform:none}
.vx-contact-button svg{width:17px;height:17px}
.vx-contact-button:focus-visible,.vx-contact-field input:focus-visible,.vx-contact-field textarea:focus-visible{outline:2px solid #a8ff00;outline-offset:3px}
@media(max-width:900px){.vx-contact-layout{grid-template-columns:1fr}.vx-contact-info{order:2}.vx-contact-form-card{order:1}.vx-contact-signal{width:130px;height:130px}}
@media(max-width:640px){.vx-contact-page{padding:108px 0 62px}.vx-contact-wrap{width:min(100% - 24px,1320px)}.vx-contact-hero{align-items:flex-start;margin-bottom:30px}.vx-contact-signal{display:none}.vx-contact-hero h1{font-size:43px}.vx-contact-hero>div:first-child>p{font-size:13px}.vx-contact-info,.vx-contact-form-card{padding:20px;border-radius:15px}.vx-contact-fields{grid-template-columns:1fr}.vx-contact-field-full{grid-column:auto}.vx-contact-submit{align-items:stretch;flex-direction:column}.vx-contact-button{width:100%}.vx-submit-safe{max-width:none}}
@media(prefers-reduced-motion:reduce){.vx-contact-button,.vx-contact-field input,.vx-contact-field textarea{transition:none}.vx-contact-button:hover{transform:none}}