.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; }
.contact-info-card, .contact-form-card { padding: 40px; }
.contact-methods { display: flex; flex-direction: column; gap: 20px; }
.contact-method { display: flex; align-items: flex-start; gap: 16px; padding: 16px; background: var(--bg-secondary); border-radius: var(--radius-sm); transition: var(--transition); }
.contact-method:hover { background: var(--accent-soft); }
.method-icon { width: 48px; height: 48px; border-radius: var(--radius-sm); background: var(--accent-soft); display: flex; align-items: center; justify-content: center; font-size: 1.2rem; color: var(--accent); flex-shrink: 0; }
.method-info h4 { margin-bottom: 4px; font-size: 0.95rem; }
.method-info p, .method-info a { color: var(--text-secondary); font-size: 0.88rem; text-decoration: none; }
.social-connect { display: flex; gap: 12px; margin-top: 28px; flex-wrap: wrap; }
.social-connect .social-link { flex: 1; min-width: 100px; padding: 16px 12px; background: var(--bg-secondary); border-radius: var(--radius-sm); text-align: center; color: var(--text-secondary); text-decoration: none; transition: var(--transition); border: 1px solid transparent; }
.social-connect .social-link:hover { border-color: var(--accent); color: var(--accent); }
.social-connect .social-link i { font-size: 1.4rem; margin-bottom: 6px; display: block; }
.form-group { margin-bottom: 20px; }
.form-label { display: block; margin-bottom: 8px; font-weight: 500; font-size: 0.9rem; color: var(--text-secondary); }
.form-control { width: 100%; padding: 14px 16px; background: var(--bg-secondary); border: 1px solid var(--glass-border); border-radius: var(--radius-sm); color: var(--text-primary); font-family: inherit; font-size: 0.95rem; transition: var(--transition); }
.form-control:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 20px rgba(255,71,87,0.12); }
textarea.form-control { resize: vertical; min-height: 130px; }
.submit-btn { width: 100%; padding: 16px; background: var(--accent); color: #fff; border: none; border-radius: var(--radius-sm); font-family: inherit; font-weight: 700; font-size: 1.05rem; cursor: pointer; transition: var(--transition); display: flex; align-items: center; justify-content: center; gap: 10px; }
.submit-btn:hover { background: #ff3355; box-shadow: 0 0 30px var(--accent-glow); }
.faq-section details { background: var(--bg-surface); border-radius: var(--radius-md); padding: 20px 24px; margin-bottom: 12px; border: 1px solid var(--glass-border); cursor: pointer; transition: var(--transition); }
.faq-section details summary { font-weight: 600; font-size: 1rem; list-style: none; display: flex; justify-content: space-between; align-items: center; }
.faq-section details p { color: var(--text-secondary); margin-top: 16px; line-height: 2; font-size: 0.9rem; }
@media (max-width: 768px) { .contact-grid { grid-template-columns: 1fr; gap: 30px; } }