/* CONTACT.CSS - Infinity */
.contact-hero { padding: 200px 0 100px; text-align: center; }

.contact-grid { display: grid; grid-template-columns: 1fr 2fr; gap: 60px; }

.contact-info { display: flex; flex-direction: column; gap: 30px; }
.info-card { background: var(--bg-panel); border: 1px solid var(--border-light); padding: 30px; border-radius: 16px; position: relative; overflow: hidden; }
.info-card::before { content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: var(--highlight); }
.info-card h4 { margin-bottom: 10px; color: var(--text-primary); }
.info-card p { margin: 0; color: var(--text-secondary); font-size: 0.95rem; }

.contact-form { background: var(--bg-panel); border: 1px solid var(--border-light); padding: 50px; border-radius: 24px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 24px; }
.form-group label { display: block; margin-bottom: 10px; font-size: 0.9rem; font-weight: 500; color: var(--text-primary); }
.form-control { width: 100%; background: rgba(0,0,0,0.3); border: 1px solid var(--border-light); padding: 15px 20px; border-radius: 12px; color: var(--text-primary); font-size: 1rem; transition: var(--transition-fast); }
.form-control:focus { border-color: var(--highlight); box-shadow: 0 0 15px rgba(6,182,212,0.2); }
textarea.form-control { min-height: 150px; resize: vertical; }

.consent { display: flex; align-items: flex-start; gap: 15px; margin: 30px 0; }
.consent input { margin-top: 5px; accent-color: var(--highlight); }
.consent label { font-size: 0.85rem; color: var(--text-secondary); }

@media (max-width: 1024px) {
  .contact-grid, .form-row { grid-template-columns: 1fr; }
  .contact-form { padding: 30px 20px; }
}