.contact{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;padding-block:65px 80px}
.contact-intro>.g-link{display:inline-block;font-size:22px}.contact-intro>.g-muted{margin:28px 0 4px}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-content:start}
.contact-fields label{display:block;min-width:0}.contact-fields label>span{display:block;margin-bottom:8px;font-size:14px;font-weight:600}
.contact-fields .contact-message,.contact-fields p{grid-column:1/-1}
.contact-fields input,.contact-fields textarea{display:block;width:100%;border:0;border-radius:12px;padding:15px 18px;background:var(--gymio-surface);color:var(--gymio-text);box-shadow:none}
.contact-fields textarea{resize:vertical;min-height:140px}
.gymio-ui .contact-fields :is(input,textarea):focus{outline:none;border:0;box-shadow:none;background:var(--gymio-field-active)}
.contact-fields label:focus-within>span{color:var(--gymio-primary-hover)}
.contact-fields p{font-size:13px;margin:0}.contact-fields .g-button{justify-self:start}.contact-fields #contact-status:empty{display:none}
.contact-actions{grid-column:1/-1;display:flex;align-items:center;gap:24px}
.contact-consent{display:flex;align-items:flex-start;gap:10px;flex:1;min-width:0;font-size:12px;line-height:1.5}
.contact-consent label{display:inline;cursor:pointer}
.contact-fields .contact-consent input{flex:0 0 16px;width:16px;height:16px;padding:0;margin:2px 0 0;accent-color:var(--gymio-primary)}
.contact-actions .g-button{flex-shrink:0;margin-left:auto;white-space:nowrap}
@media(max-width:400px){.contact-actions{gap:12px}.contact-actions .g-button{padding:10px 15px}}
@media(forced-colors:active){.gymio-ui .contact-fields :is(input,textarea):focus{outline:2px solid Highlight}}

.contact{padding-block:72px;gap:48px;grid-template-columns:1fr 1.35fr}.contact-intro{padding:32px;align-self:start}.contact-fields{padding-top:12px}
@media(max-width:900px){.contact{grid-template-columns:1fr;gap:28px}}
@media(max-width:600px){.contact-fields{grid-template-columns:1fr}.contact-intro{padding:24px}.contact{padding-block:40px}}
.contact #contact-title::after{content:"";display:block;width:120px;height:12px;margin-top:24px;background:var(--gymio-primary);border-radius:var(--gymio-pill)}