.contact-main { padding-bottom:85px; }.contact-panel { max-width:760px; margin:42px auto 0; padding:28px; border:1px solid var(--line); border-radius:10px; background:var(--panel); }.contact-panel h2 { margin:0 0 20px; font-size:25px; }.contact-panel form { display:grid; gap:16px; }.contact-panel label { display:grid; gap:6px; color:#dbe5ee; font-weight:700; font-size:14px; }.contact-panel input,.contact-panel textarea,.contact-panel select { width:100%; padding:11px 12px; border:1px solid #344656; border-radius:5px; background:#080d13; color:#fff; font:16px inherit; }.contact-panel textarea { resize:vertical; }.contact-panel button { justify-self:start; padding:12px 28px; border:0; border-radius:5px; background:var(--pink); color:#fff; font:800 15px inherit; cursor:pointer; }.contact-panel button:disabled { opacity:.65; cursor:wait; }.contact-honeypot { position:absolute!important; left:-10000px!important; }.contact-panel #contact-status { min-height:1.75em; margin:0; color:#b8c9d8; }.contact-panel #contact-status.error { color:#ff9aab; }.contact-panel #contact-status.success { color:var(--green); }.contact-message-history { display:grid; gap:6px; margin-top:4px; }.contact-message-history button { width:100%; padding:8px 10px; border:1px solid #344656; border-radius:4px; background:#101c28; color:#dce8f3; text-align:left; font:14px inherit; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } @media(max-width:600px){.contact-panel{margin-top:28px;padding:20px;}}