.vpp-page-contact{background:#010307}
.vpp-page-contact .app-shell{background:#010307}
.contact-page{width:min(var(--max-width),calc(100% - 28px));margin:0 auto;padding:34px 0 60px;display:grid;gap:16px;position:relative;z-index:1}
.vpp-page-contact .contact-page::before{content:"";position:fixed;inset:0;background:#010307;z-index:-2}
.vpp-page-contact .contact-page::after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 16% 20%,rgba(20,138,91,.12),transparent 30%),radial-gradient(circle at 82% 10%,rgba(242,184,75,.08),transparent 28%);z-index:-1;pointer-events:none}
.vpp-page-contact .site-footer{position:relative;z-index:3;margin-top:40px}
.contact-hero,.contact-grid,.contact-strip{background:var(--dark-card);border:1px solid var(--dark-line);border-radius:var(--radius);box-shadow:0 18px 40px rgba(0,0,0,.2)}
.contact-hero{padding:clamp(24px,5vw,42px);background:radial-gradient(circle at 88% 12%,rgba(242,184,75,.2),transparent 40%),radial-gradient(circle at 14% 20%,rgba(20,138,91,.28),transparent 42%),linear-gradient(140deg,#0b1b15 0%,#132e23 55%,#1d2630 100%)}
.contact-hero h1{margin:0;font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.08}
.contact-hero p{max-width:760px;margin:12px 0 0;color:var(--dark-muted);line-height:1.62}
.contact-grid{padding:clamp(18px,3vw,26px);display:grid;gap:14px;grid-template-columns:1fr 1.1fr}
.contact-info{padding:16px;border-radius:var(--radius);border:1px solid var(--dark-line);background:linear-gradient(155deg,rgba(255,255,255,.05),rgba(17,38,29,.55))}
.contact-info h2,.contact-form-wrap h2{margin:0;font-size:1.3rem}
.contact-info p{margin:10px 0 0;color:var(--dark-muted);line-height:1.6}
.contact-points{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.contact-points li{display:flex;gap:10px;align-items:flex-start;color:var(--dark-muted)}
.contact-points strong{color:var(--dark-text)}
.point-dot{width:10px;height:10px;margin-top:7px;border-radius:99px;background:var(--primary);flex:0 0 auto}
.contact-form-wrap{padding:16px;border-radius:var(--radius);border:1px solid var(--dark-line);background:linear-gradient(165deg,rgba(255,255,255,.06),rgba(15,34,26,.56))}
.contact-form{display:grid;gap:10px;margin-top:14px}
.contact-form label{display:grid;gap:6px;color:var(--dark-muted);font-size:.92rem;font-weight:700}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:46px;padding:12px 12px;background:rgba(6,21,16,.9);border:1px solid rgba(171,197,183,.3);border-radius:var(--radius);color:var(--dark-text)}
.contact-form textarea{min-height:130px;resize:vertical}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:rgba(20,138,91,.9);box-shadow:0 0 0 3px rgba(20,138,91,.2)}
.contact-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:4px}
.contact-note{color:var(--dark-muted);font-size:.86rem}
.contact-strip{padding:18px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
.strip-card{padding:14px;border-radius:var(--radius);border:1px solid var(--dark-line);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(13,31,23,.5))}
.strip-card h3{margin:0;font-size:1rem}
.strip-card p{margin:8px 0 0;color:var(--dark-muted);font-size:.92rem;line-height:1.55}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}.contact-strip{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.contact-page{padding-top:18px}.contact-strip{grid-template-columns:1fr}.contact-actions .button{width:100%}}