.contact-container { 
    display: flex; flex-wrap: wrap; gap: 30px; margin-top: 50px; 
}

.contact-info, .contact-form { 
    flex: 1; min-width: 320px; padding: 40px; 
}

.contact-form { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); }

.info-item {
    display: flex; align-items: center; gap: 18px; margin-bottom: 25px; padding: 15px;
    border-radius: 16px; background: rgba(255, 255, 255, 0.02); transition: 0.3s;
}

.info-item:hover {
    background: rgba(0, 210, 255, 0.05); transform: translateX(-5px);
}

.info-icon {
    width: 50px; height: 50px; background: rgba(0, 210, 255, 0.1);
    border-radius: 12px; display: flex; align-items: center; justify-content: center;
    color: var(--neon-cyan); flex-shrink: 0;
}

.info-text h4 { color: var(--text-main); margin-bottom: 5px; font-size: 1.1rem; }
.info-text a, .info-text p { color: var(--text-muted); text-decoration: none; font-family: 'Poppins', 'Vazirmatn', sans-serif; font-size: 0.95rem; }