.contact-form{width:100%;max-width:560px}.contact-form__fields{gap:var(--space-4);flex-direction:column;display:flex}.contact-form__row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.contact-form__message .text-area__input{resize:vertical;min-height:160px}.contact-form__submit{margin-top:var(--space-6);width:100%}.contact-form__error{font-size:var(--text-sm);color:#ef4444;margin-bottom:var(--space-4);padding:var(--space-3)var(--space-4);border-radius:var(--radius-sm);background:#ef444414;border:1px solid #ef444433}.contact-form__success{max-width:560px;padding:var(--space-8);text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.contact-form__success-heading{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--primary);margin-bottom:var(--space-2)}.contact-form__success-text{font-size:var(--text-base);color:var(--text-muted)}@media (max-width:768px){.contact-form__row{grid-template-columns:1fr}}
.contact-hero{justify-content:center;align-items:center;min-height:min(70vh,700px);display:flex;position:relative}.contact-hero:before{content:"";background:radial-gradient(ellipse at center,color-mix(in srgb,var(--primary)8%,transparent),transparent 55%);pointer-events:none;z-index:-1;width:70%;height:200%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-hero__inner{text-align:center;align-items:center;gap:var(--space-4);padding:var(--space-12)0;flex-direction:column;display:flex}.contact-hero__heading{font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.contact-hero__subtext{font-size:var(--text-lg);color:var(--text-muted);max-width:480px;line-height:var(--leading-normal);margin-bottom:var(--space-4)}.contact-hero__divider{align-items:center;gap:var(--space-4);width:100%;max-width:560px;margin:var(--space-6)0;display:flex}.contact-hero__divider-line{background:var(--border);flex:1;height:1px}.contact-hero__divider-text{font-size:var(--text-sm);color:var(--text-subtle)}.contact-hero__alt{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.contact-hero__alt-text{font-size:var(--text-base);color:var(--text-muted)}@media (max-width:768px){.contact-hero{min-height:auto}.contact-hero__heading{font-size:var(--text-3xl)}}