/* ============ contact.css ============ */
.contact-hero { background: var(--color-gradient-hero); padding-block: var(--space-16); text-align: center; }
.contact-hero h1 { font-size: clamp(2.1rem, 6vw, 2.75rem); }
.contact-hero p { max-width: 52ch; margin: var(--space-4) auto 0; }

.contact-grid { display: grid; gap: var(--space-12); align-items: start; }
@media (min-width: 900px) { .contact-grid { grid-template-columns: 1.4fr 1fr; } }

.contact-form { display: grid; gap: var(--space-4); }
.field { display: flex; flex-direction: column; gap: var(--space-2); }
.field label { font-family: var(--font-display); font-weight: 600; font-size: var(--text-sm); }
.field input, .field select, .field textarea { padding: var(--space-3) var(--space-4); background: var(--color-bg-secondary); border: 1px solid var(--color-border); border-radius: var(--radius-md); color: var(--color-text-primary); }
.field input:focus, .field select:focus, .field textarea:focus { outline: none; border-color: var(--color-accent-gold); }
.field textarea { resize: vertical; min-height: 140px; }
.field-row { display: grid; gap: var(--space-4); }
@media (min-width: 560px) { .field-row { grid-template-columns: 1fr 1fr; } }

.contact-side { display: flex; flex-direction: column; gap: var(--space-6); }
.contact-card { background: var(--color-bg-secondary); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-8); text-align: center; }
.contact-card .tg-logo { width: 48px; height: 48px; margin: 0 auto var(--space-3); color: #0099dd; }
.contact-card h3 { margin-bottom: var(--space-2); }
.contact-card p { font-size: var(--text-sm); margin-bottom: var(--space-4); }
.form-note { font-size: var(--text-xs); color: var(--color-text-muted); }
.form-status { padding: var(--space-3) var(--space-4); border-radius: var(--radius-md); font-size: var(--text-sm); display: none; }
.form-status.show { display: block; }
.form-status.ok { background: rgba(46,204,113,0.12); color: var(--color-accent-green); border: 1px solid rgba(46,204,113,0.3); }