.contact-page{min-height:calc(100vh - 145px);display:grid;place-items:center;padding:30px}
.contact-card{width:min(100%,560px);padding:38px;background:#fff;border:1px solid #efedf4;border-radius:24px}
.contact-mark{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 15px;border-radius:16px;background:#efeaff;color:#7259db;font-size:24px}
.contact-card h1{text-align:center;font-size:28px;letter-spacing:-.04em;margin:10px 0}
.contact-card>.eyebrow{text-align:center;margin-bottom:8px}
.contact-intro{text-align:center;font-size:12px;color:#85818e;line-height:1.9;margin:0 auto 22px}
.contact-card form label{display:block;text-align:left;font-size:11px;font-weight:700;color:#55515e;margin:14px 0 7px}
.contact-card form label span{font-weight:400;color:#9b97a3}
.contact-card input,.contact-card textarea{display:block;width:100%;border:1px solid #eae7f0;border-radius:10px;background:#fcfbfe;padding:11px 12px;color:#383541;font:inherit;font-size:12px;outline:none}
.contact-card textarea{resize:vertical;line-height:1.7}
.contact-card input:focus,.contact-card textarea:focus{border-color:#a997ed;box-shadow:0 0 0 3px #9684e51c}
.contact-privacy{font-size:10px;line-height:1.8;color:#9995a1;margin:13px 0}
.contact-card form .button{width:100%;margin-top:3px}
.contact-feedback{min-height:18px;font-size:11px;line-height:1.7;color:#528663;margin:9px 0 0}
.contact-feedback.error{color:#a24c46}
@media(max-width:600px){.contact-page{padding:18px}.contact-card{padding:28px 21px}.contact-card h1{font-size:25px}}