/* contact.css — Contact page specific styles */
.contact-hero { background: linear-gradient(135deg, rgba(37,99,235,0.9) 0%, rgba(29,78,216,0.95) 100%), url('https://images.unsplash.com/photo-1551434678-e076c223a692?auto=format&fit=crop&w=2070&q=80') no-repeat center center/cover; color: white; padding: 120px 20px; position: relative; overflow: hidden; }
.contact-card { border-radius: 12px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); transition: all 0.3s ease; border: none; position: relative; overflow: hidden; background: white; }
.contact-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); transition: left 0.5s; }
.contact-card:hover::before { left: 100%; }
.contact-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(37,99,235,0.1); }
.contact-icon { width: 60px; height: 60px; background-color: rgba(37,99,235,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; transition: all 0.3s ease; }
.contact-card:hover .contact-icon { background-color: var(--primary); color: white; transform: scale(1.1); }
.map-container { border-radius: 12px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.05); height: 100%; position: relative; }
.status-indicator { width: 12px; height: 12px; border-radius: 50%; display: inline-block; margin-right: 8px; }
.status-open { background-color: #10b981; box-shadow: 0 0 8px rgba(16,185,129,0.6); }
.status-closed { background-color: #ef4444; }
.trust-badges { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; margin-top: 30px; }
.trust-badge { background: white; border-radius: 50px; padding: 8px 16px; font-size: 0.85rem; font-weight: 500; box-shadow: 0 2px 10px rgba(0,0,0,0.05); display: flex; align-items: center; gap: 8px; color: var(--corporate-blue); }
.form-progress { height: 4px; background-color: #e2e8f0; border-radius: 2px; margin-bottom: 20px; overflow: hidden; }
.form-progress-bar { height: 100%; background: linear-gradient(90deg, var(--primary), var(--primary-dark)); width: 0%; transition: width 0.5s ease; }
.tech-grid { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(rgba(37,99,235,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(37,99,235,0.03) 1px, transparent 1px); background-size: 20px 20px; pointer-events: none; z-index: -1; }
.floating-element { position: fixed; width: 100px; height: 100px; border-radius: 50%; background: linear-gradient(45deg, #00f3ff, #b967ff); opacity: 0.06; filter: blur(20px); z-index: -1; }
@media (max-width: 768px) { .contact-hero { padding: 80px 15px; } .trust-badges { flex-direction: column; align-items: center; } }