.contact-content { padding-block: var(--section-space); }
.contact-layout { display: grid; grid-template-columns: 1.4fr 1fr; gap: var(--space-6); align-items: start; }
.form-card { border: 1px solid var(--border); padding: var(--space-4); border-radius: var(--radius); background: linear-gradient(160deg, var(--green-glow), transparent 35%), var(--surface); box-shadow: var(--shadow); }
.form-letterhead { display: flex; gap: 20px; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--border); margin-bottom: var(--space-4); padding-bottom: var(--space-3); }
.form-letterhead h2 { font-size: var(--panel-heading-size); } .form-letterhead p { font-size: 13px; color: var(--muted); }
.form-letterhead svg { width: 46px; height: 40px; color: var(--secondary); transform: rotate(-7deg); }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-2); }
.form .field { margin-bottom: var(--space-3); }
.form-actions { margin-top: var(--space-3); }
.form-progress { color: var(--muted); font-size: 13px; margin-top: var(--space-2); }
.form-error { display: none; font-size: 14px; padding: 12px; border-left: 3px solid var(--secondary); background: var(--wash); }
.form-error.show { display: block; }
.form-note { color: var(--muted); margin-top: var(--space-4); }
.send-guide > h2 { font-size: var(--panel-heading-size); margin-bottom: var(--space-4); }
.send-guide > section { padding-block: var(--space-3); border-top: 1px solid var(--border); }
.send-guide h3 { font-size: 19px; } .send-guide p { color: var(--muted); font-size: 15px; }
.support-email { font: 14px var(--mono); overflow-wrap: anywhere; }
.overlay { display: none; position: fixed; inset: 0; background: var(--overlay-scrim); z-index: 30; padding: var(--gutter); align-items: center; justify-content: center; }
.overlay.show { display: flex; }
.overlay-card { width: min(100%, var(--popup-width)); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: var(--space-5) var(--space-4); box-shadow: var(--shadow); text-align: center; }
.overlay-card h2 { font-size: 32px; } .overlay-card p { color: var(--muted); margin-bottom: var(--space-3); }
.sent-mark { position: relative; display: block; width: 48px; height: 48px; border: 1px solid var(--secondary); border-radius: 50%; margin: 0 auto var(--space-3); }
.sent-mark::after { content: ""; width: 18px; height: 10px; position: absolute; left: 14px; top: 15px; border-left: 2px solid var(--secondary); border-bottom: 2px solid var(--secondary); transform: rotate(-45deg); }
@media (max-width: 760px) { .contact-layout { grid-template-columns: 1fr; gap: var(--space-5); } .form-card { padding: var(--space-3); } .field-row { grid-template-columns: 1fr; gap: 0; } }