.contact-card{border:1px solid rgba(32,199,217,.35);padding:24px;min-width:310px;background:rgba(6,18,30,.55)}
.contact-card>strong,.contact-card>span{display:block}
.contact-kicker{color:#20c7d9;text-transform:uppercase;letter-spacing:.16em;font-size:10px;margin-bottom:14px}
.contact-card>strong{font:600 20px 'Manrope',sans-serif}
.contact-role{font-size:12px;color:#8296a9;margin:5px 0 18px}
.contact-card>a{font-size:14px;color:#f5f7fa;border-bottom:1px solid rgba(32,199,217,.4);padding-bottom:2px}
.contact-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:22px}
.contact-actions a{border:1px solid rgba(152,167,184,.2);padding:10px 12px;font-size:11px;color:#aebbc8;transition:.2s}
.contact-actions a:hover{border-color:#20c7d9;color:#f5f7fa}
@media(max-width:640px){.contact-card{min-width:0;width:100%}.contact-actions{grid-template-columns:1fr 1fr}}
.contact-form{border:1px solid rgba(32,199,217,.35);padding:26px;min-width:380px;background:rgba(6,18,30,.55)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:block}.contact-form label>span{display:block;color:#aebbc8;font-size:12px;margin-bottom:7px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(152,167,184,.25);background:#071321;color:#f5f7fa;padding:12px;font:inherit;border-radius:0}.contact-form textarea{resize:vertical;min-height:100px}.contact-form select{appearance:auto}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid var(--cyan);outline-offset:2px}.contact-form>label{margin-top:14px}.contact-form .button{border:0;margin-top:16px;cursor:pointer}.form-note{color:#8296a9!important;font-size:11px!important;line-height:1.5!important;margin:12px 0 0!important}@media(max-width:640px){.contact-form{min-width:0;width:100%;padding:20px}.form-grid{grid-template-columns:1fr}}