.contact-page { width:min(1060px,calc(100% - 40px)); min-height:100vh; padding-bottom:34px; }
.contact-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(350px,.9fr); gap:52px; align-items:start; margin-top:70px; }
.contact-eyebrow { display:inline-flex; align-items:center; gap:8px; margin:0; border:1px solid var(--lp-border); border-radius:999px; background:rgba(255,255,255,.72); color:var(--lp-muted); font-size:.69rem; font-weight:800; letter-spacing:.08em; line-height:1.2; padding:8px 12px; text-transform:uppercase; }
.contact-eyebrow span { width:7px; height:7px; border-radius:999px; background:var(--lp-success); box-shadow:0 0 0 4px rgba(22,132,91,.16); }
.contact-copy h1 { margin:20px 0 18px; max-width:620px; font-size:clamp(2.5rem,6vw,4.65rem); line-height:.98; }
.contact-copy h1 span { background:linear-gradient(135deg,var(--lp-danger),var(--lp-primary)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.contact-copy > p:not(.contact-eyebrow):not(.contact-direct) { max-width:545px; margin:0; color:var(--lp-muted); font-size:1.06rem; line-height:1.65; }
.contact-direct { display:inline-flex; align-items:center; gap:9px; margin:26px 0 0; color:#302936; font-size:.9rem; font-weight:750; }
.contact-direct::before { content:""; width:9px; height:9px; border:2px solid var(--lp-primary); border-radius:3px; }
.contact-direct a { color:var(--lp-primary-strong); }
.contact-card { border:1px solid rgba(124,58,237,.22); border-radius:24px; background:linear-gradient(180deg,rgba(124,58,237,.08),rgba(255,255,255,0) 55%),var(--lp-panel); box-shadow:var(--lp-shadow); padding:34px; }
.contact-card h2 { margin:0; font-size:1.3rem; }.contact-card > p { margin:8px 0 25px; color:var(--lp-muted); font-size:.92rem; line-height:1.55; }
.contact-field { display:grid; gap:7px; margin-top:16px; }.contact-field label { color:#302936; font-size:.84rem; font-weight:800; }
.contact-field input,.contact-field textarea { width:100%; border:1px solid var(--lp-border-strong); border-radius:11px; background:rgba(255,255,255,.94); color:var(--lp-fg); font:inherit; font-size:.95rem; outline:none; padding:12px 13px; transition:border-color .18s,box-shadow .18s; }
.contact-field textarea { min-height:138px; resize:vertical; }.contact-field input:focus,.contact-field textarea:focus { border-color:var(--lp-primary); box-shadow:0 0 0 4px rgba(124,58,237,.12); }
.contact-submit { width:100%; min-height:46px; margin-top:22px; border:0; border-radius:12px; background:linear-gradient(135deg,var(--lp-primary-strong),#9f4fed); box-shadow:0 13px 28px rgba(124,58,237,.25); color:#fff; cursor:pointer; font:inherit; font-weight:800; transition:transform .18s,box-shadow .18s; }.contact-submit:hover,.contact-submit:focus-visible { transform:translateY(-1px); box-shadow:0 15px 32px rgba(124,58,237,.32); }
.contact-note { margin:13px 0 0; color:var(--lp-muted); font-size:.75rem; line-height:1.5; text-align:center; }.contact-error { margin:0 0 14px!important; border:1px solid #fecdd3; border-radius:10px; background:#fff1f2; color:#be123c!important; padding:10px 12px; font-size:.84rem!important; }.contact-honeypot { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }.contact-success { text-align:center; padding:18px 0 10px; }.contact-success > span { display:grid; place-items:center; width:52px; height:52px; margin:0 auto 16px; border-radius:14px; background:#ecfdf5; color:var(--lp-success); font-size:25px; font-weight:900; }.contact-success h2 { font-size:1.35rem; }.contact-success p { margin:8px 0 0; color:var(--lp-muted); line-height:1.55; }.cf-turnstile { margin-top:18px; }
@media (max-width:800px) { .contact-layout { grid-template-columns:1fr; gap:34px; margin-top:44px; } }
@media (max-width:520px) { .contact-page { width:min(100% - 24px,1060px); padding-top:18px; }.contact-page .landing__brand img { width:104px; }.contact-page .landing__nav { gap:12px; font-size:.84rem; }.contact-page .landing__nav a:first-child { display:none; }.contact-copy h1 { font-size:clamp(2.25rem,12vw,3rem); }.contact-card { border-radius:19px; padding:22px 18px; } }